React Navigation v5 中的初始路由参数？

Question

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 ?
        ...
    );
}

Answer 1

可以通过将 initialParams 传递给 Stack.Screen:

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

还有一种方便的默认语法可供使用（参见 No more getParam）：

route.params?.userParam ?? 'defaultValue'