如何在反应原生导航器中传递参数？

问题描述：

const StudentStackNav = StackNavigator({ 
    Home: { 
    screen: StudentLogin, 
    } 
});

如何参数传递给StudentStackNav并把它传递给StudentLogin？

我试过<StudentStackNav name='Lucy'>，但this.props.name在Home中不可用。

看看 “入门”， “传递PARAMS” 部分：https://reactnavigation.org/docs/intro/#Passing-params – Cherniv

@Cherniv其实，我想将参数传递给导航器而不是屏幕。 – PYL

答

导航器组件上的普通道具可用于配置导航器。

要发送任意道具到屏幕上，您必须使用screenProps。

因此，例如：

<StudentStackNav screenProps={{ name: 'Lucy' }}/>

将在StudentLogin可作为this.props.screenProps。

screenProps被记录在this page

你说得对。它的工作原理。 – PYL

太棒了，请点击旁边的复选标记接受答案。 –

这个答案是正确的，而且比反应原生网站上的文档更有用。作为一个说明，你可以在一个类构造函数访问这些特性，以及即使只有少数人能做到这一点： '类Foo扩展组件{ \t \t构造（道具） \t \t { \t \t \t超（道具）; props.screenProps //你想要访问什么 \t \t} render（）{ return null; } }' – user883210

如何在反应原生导航器中传递参数？

相关推荐