React-Native：如何将参数传递给Stacknavigator组件

Question

I'm using Stack Navigator. I wonder how do i pass parameter to it.

The index.js file i render Pick Component

render() {
    return (
        ...
           <Pick>
        ...
    );
}

pick.js component is a stack navigator

class PickCategory extends React.Component 
{
    ....
}

module.exports = StackNavigator({
    Parent: { screen: PickCategory },
})

How do i pass parameter from index.js to pick.js to use it inside PickCategory ?

Answer 1

One option is to use screenProps via the stack navigator. You would need a bit of restructuring like so:

const PickerNavigator = StackNavigator({
  Parent: { screen: PickCategory }
});

class Picker extends React.Component {
  render() {
    return <PickerNavigator screenProps={...your props...} />;
  }
}

Your props would then be accessible in PickerCategory via this.props.screenProps .