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

Question

我尝试了 React Native Navigator 的示例:

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

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

我已经尝试过<StudentStackNav name='Lucy'>但是this.props.name不适用于 Home .

Answer 1

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

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

例如:

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

它将在 StudentLogin 中作为 this.props.screenProps 提供。

screenProps 记录在 this page 上