React-native:如何将参数传递给Stacknavigator组件

时间:2017-05-29 20:19:29

标签: javascript react-native parameters navigation

我正在使用Stack Navigator。 我想知道如何将参数传递给它。

index.js文件我渲染拾取组件

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

pick.js组件是一个堆栈导航器

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

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

如何将参数从index.js传递给pick.js以在PickCategory中使用?

1 个答案:

答案 0 :(得分:2)

一种选择是通过堆栈导航器使用screenProps。你需要进行一些重组:

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

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

然后可以PickerCategory通过this.props.screenProps访问您的道具。