React Navigation v3 was featuring an initialRouteParams property to pass initial values to this.navigation.props. Is there a way to set initial route params to be accessed via route.params in the React Navigation v5?
function MainScreen({route, navigation}) {
return (
// how to pass default values to route in here?
// route.params.userParam ?
...
);
}
It could be accomplished by passing initialParams to the Stack.Screen:
<Stack.Screen
name="Main"
component={MainScreen}
initialParams={{ /* initialParams */ }}
/>
There is also a handy default syntax one can use (see No more getParam):
route.params?.userParam ?? 'defaultValue'
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With