How to pass a parameter in a response natural navigator?

Question

I tried the React Native Navigator example:

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

How do I pass the StudentStackNav parameter and pass it to StudentLogin?

I've tried <StudentStackNav name='Lucy'>

but this.props.name

not available in Home

.

+3

PYL May 07 '17 at 8:15

1 answer

Koen. · Accepted Answer · 2017-05-07T08:58:33+0000

Regular props in the navigator component can be used to customize the navigator.

To send arbitrary props to screens, you must use screenProps

.

For example:

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

Which will be available StudentLogin

as this.props.screenProps

.

screenProps

documented on this page