In react-navigation TabNavigator, how to setParams

Question

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

when I click FilmCinemaList, i wanna pass a params. how to use setParams?

score 2 · Answer 1 · answered May 03 '17 at 06:38

2

You can pass the params this way when rendering your AppTabs:

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

And you can access them on FilmCinemaList by:

this.props.screenProps.FilmCinemaList

.

answered May 03 '17 at 06:38

nirsky

2,955
3
22
35

Works for me!, Thanks you – andrux90210 Jun 25 '17 at 18:45

score 0 · Answer 2 · answered Jun 13 '17 at 11:21

Through navigationOptions, what you have to do is to set the navigationOptions for the screen before pass it in the TabNavigator like the following:

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

And then you can access it

FilmCinemaList.navigationOptions.param1

When ever you need to.

In react-navigation TabNavigator, how to setParams

2 Answers2