Ufdjrw

Is there a "higher Segal conjecture"?

Is there a service that would inform me whenever a new direct route is scheduled from a given airport?

Can a non-EU citizen traveling with me come with me through the EU passport line?

Doubts about chords

What is a Meta algorithm?

What is this single-engine low-wing propeller plane?

How to bypass password on Windows XP account?

How much radiation do nuclear physics experiments expose researchers to nowadays?

Is there a Spanish version of "dot your i's and cross your t's" that includes the letter 'ñ'?

Why is "Consequences inflicted." not a sentence?

When is phishing education going too far?

Is the address of a local variable a constexpr?

What is the correct way to use the pinch test for dehydration?

How to draw this diagram using TikZ package?

How discoverable are IPv6 addresses and AAAA names by potential attackers?

Are my PIs rude or am I just being too sensitive?

Is it true to say that an hosting provider's DNS server is what links the entire hosting environment to ICANN?

Is the Standard Deduction better than Itemized when both are the same amount?

How can I make names more distinctive without making them longer?

Did Kevin spill real chili?

If a contract sometimes uses the wrong name, is it still valid?

Why aren't air breathing engines used as small first stages

∞ symbol in external pdf disappears when used as figure

When to stop saving and start investing?

React Navigation v3 change BottomTabNavigator's title and label dynamically

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

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