Ggtcf

How to edit “Name” property in GCI output?

Method for adding error messages to a dictionary given a key

Would a grinding machine be a simple and workable propulsion system for an interplanetary spacecraft?

What does "Its cash flow is deeply negative" mean?

Is the D&D universe the same as the Forgotten Realms universe?

Chain wire methods together in Lightning Web Components

Why don't programming languages automatically manage the synchronous/asynchronous problem?

Why does standard notation not preserve intervals (visually)

Easy to read palindrome checker

Make solar eclipses exceedingly rare, but still have new moons

Unclear about dynamic binding

What connection does MS Office have to Netscape Navigator?

Why didn't Khan get resurrected in the Genesis Explosion?

Does increasing your ability score affect your main stat?

Where do students learn to solve polynomial equations these days?

Poetry, calligrams and TikZ/PStricks challenge

How many extra stops do monopods offer for tele photographs?

Proper way to express "He disappeared them"

Can we say or write : "No, it'sn't"?

Which one is the true statement?

Reference request: Grassmannian and Plucker coordinates in type B, C, D

How to delete every two lines after 3rd lines in a file contains very large number of lines?

What flight has the highest ratio of timezone difference to flight time?

Why is information "lost" when it got into a black hole?

React Navigation v3 change BottomTabNavigator's title and label dynamically

0

In my React Native project I want to update dynamically the title and tabBarLabel of my BottomTabNavigator. In my app, when the user touch a button it toggles the language and it stored in the store (I'm using Redux). From what I understood I can pass screenProps to the navigators, so I've tried this:

const MainTab = createBottomTabNavigator(
 Home: HomeStack,
 Search: SearchStack,
 User: UserStack,
)

const AppSwitchNavigator = createSwitchNavigator(
 Auth: LoginScreen,
 Main: MainTab,
)

const AppContainer = createAppContainer(AppSwitchNavigator)

const myComponent = () => (
 <Provider store=store>
 <PersistGate loading=null persistor=persistor>
 <AppContainer screenProps= language: store.getState().user.language />
 </PersistGate>
 </Provider>
)

And then in my User screen:

class UserScreen extends Component {
 static navigationOptions = (screenProps) => 
 console.log(screenProps.language)
 .....
 )

But screenProps never changes, even when the state of my store IS changing. Any hint?

react-native react-navigation

share|improve this question

asked Mar 8 at 16:16

AnaAna

5419

add a comment | 

0

In my React Native project I want to update dynamically the title and tabBarLabel of my BottomTabNavigator. In my app, when the user touch a button it toggles the language and it stored in the store (I'm using Redux). From what I understood I can pass screenProps to the navigators, so I've tried this:

const MainTab = createBottomTabNavigator(
 Home: HomeStack,
 Search: SearchStack,
 User: UserStack,
)

const AppSwitchNavigator = createSwitchNavigator(
 Auth: LoginScreen,
 Main: MainTab,
)

const AppContainer = createAppContainer(AppSwitchNavigator)

const myComponent = () => (
 <Provider store=store>
 <PersistGate loading=null persistor=persistor>
 <AppContainer screenProps= language: store.getState().user.language />
 </PersistGate>
 </Provider>
)

And then in my User screen:

class UserScreen extends Component {
 static navigationOptions = (screenProps) => 
 console.log(screenProps.language)
 .....
 )

But screenProps never changes, even when the state of my store IS changing. Any hint?

react-native react-navigation

share|improve this question

asked Mar 8 at 16:16

AnaAna

5419

add a comment | 

In my React Native project I want to update dynamically the title and tabBarLabel of my BottomTabNavigator. In my app, when the user touch a button it toggles the language and it stored in the store (I'm using Redux). From what I understood I can pass screenProps to the navigators, so I've tried this:

const MainTab = createBottomTabNavigator(
 Home: HomeStack,
 Search: SearchStack,
 User: UserStack,
)

const AppSwitchNavigator = createSwitchNavigator(
 Auth: LoginScreen,
 Main: MainTab,
)

const AppContainer = createAppContainer(AppSwitchNavigator)

const myComponent = () => (
 <Provider store=store>
 <PersistGate loading=null persistor=persistor>
 <AppContainer screenProps= language: store.getState().user.language />
 </PersistGate>
 </Provider>
)

And then in my User screen:

class UserScreen extends Component {
 static navigationOptions = (screenProps) => 
 console.log(screenProps.language)
 .....
 )

But screenProps never changes, even when the state of my store IS changing. Any hint?

react-native react-navigation

share|improve this question

asked Mar 8 at 16:16

AnaAna

5419

const MainTab = createBottomTabNavigator(
 Home: HomeStack,
 Search: SearchStack,
 User: UserStack,
)

const AppSwitchNavigator = createSwitchNavigator(
 Auth: LoginScreen,
 Main: MainTab,
)

const AppContainer = createAppContainer(AppSwitchNavigator)

const myComponent = () => (
 <Provider store=store>
 <PersistGate loading=null persistor=persistor>
 <AppContainer screenProps= language: store.getState().user.language />
 </PersistGate>
 </Provider>
)

class UserScreen extends Component {
 static navigationOptions = (screenProps) => 
 console.log(screenProps.language)
 .....
 )

share|improve this question

asked Mar 8 at 16:16

AnaAna

5419

share|improve this question

asked Mar 8 at 16:16

AnaAna

5419

asked Mar 8 at 16:16

AnaAna

5419

asked Mar 8 at 16:16

AnaAna

5419