React Navigation v5 中的初始路由参数? [英] Initial route params in React Navigation v5?

问题描述

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

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

推荐答案

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

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

还有一种可以使用的方便的默认语法(参见 没有更多的 getParam):

There is also a handy default syntax one can use (see No more getParam):

route.params?.userParam ?? 'defaultValue'

这篇关于React Navigation v5 中的初始路由参数?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！