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

Question

我正在使用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里面？

Answer 1

一个选项是通过堆栈导航器使用screenProps。你会需要一些调整的，像这样：然后

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

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

你的道具将通过this.props.screenProps可访问的PickerCategory。