在react-navigation TabNavigator中，如何setParams

Question

const AppTabs = TabNavigator({
Home: {
  screen: FilmList,
},
FilmCinemaList: {
  screen: FilmCinemaList,
  path: 'cart',
},
FilmGoodsList: {
    screen: FilmGoodsList,
},
FilmMe: {
    screen: FilmMe,
},
})

当我点击FilmCinemaList时，我想传递一个参数。如何使用setParams？

Answer 1

在呈现AppTabs时，您可以通过这种方式传递参数：

<AppTabs screenProps={{ FilmCinemaList: { ...yourParams } }}/>

您可以通过以下方式在FilmCinemaList上访问它们：

this.props.screenProps.FilmCinemaList

Answer 2

通过navigationOptions，你需要做的是设置屏幕的navigationOptions，然后在TabNavigator中传递它，如下所示：

FilmCinemaList.navigationOptions = {
 'param1':'value1';
};
const AppTabs = TabNavigator({
Home: {
  screen: FilmList,
},
FilmCinemaList: {
  screen: FilmCinemaList,
  path: 'cart',
},
FilmGoodsList: {
    screen: FilmGoodsList,
},
FilmMe: {
    screen: FilmMe,
},
})

然后你可以访问它

FilmCinemaList.navigationOptions.param1

什么时候需要。