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

本文介绍了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 中的初始路由参数?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！