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。