如何在 React Native Navigator 中传递参数？

Question

我尝试了一个 React Native Navigator 的例子：

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

如何将参数传递给 StudentStackNav 并将其传递给 StudentLogin？

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

Answer 1

Navigator 组件上的普通属性可用于配置导航器。

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

例如：

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

将在 StudentLogin 中以 this.props.screenProps 的形式提供。

screenProps 记录在 this page

How to pass a parameter in react native navigator?