React Navigation v5中的初始路线参数?

时间:2020-02-07 14:53:34

标签: react-native react-navigation react-navigation-v5

React Navigation v3具有一个 initialRouteParams 属性,用于将初始值传递给 this.navigation.props 。有没有办法设置要在React Navigation v5中通过 route.params 访问的初始路线参数?

function MainScreen({route, navigation}) {
    return (
        // how to pass default values to route in here?
        // route.params.userParam ?
        ...
    );
}

1 个答案:

答案 0 :(得分:5)

可以通过将 initialParams 传递到 Stack.Screen

来实现:
<Stack.Screen
    name="Main"
    component={MainScreen}
    initialParams={{ /* initialParams */ }}
/>

还有一种方便使用的默认语法(请参见No more getParam):

route.params?.userParam ?? 'defaultValue'