使用 React-Native-Router-Flux 从 navBar 按钮传递道具

Question

我有一个使用 react-native-router-flux 的相当充实的项目，我正在尝试通过 props 传递一个对象。通常我可以调用 Actions.someKey({ someProp: object }) 进行导航，但我正在尝试使用 rightButtonImage 进行导航，它无法访问组件的 props.

例如：

Router.js

<Router>
  <Scene1
    rightButtonImage={someImage}
    onRight={() => Actions.sceneTwo()}
  />
  <Scene2 key="sceneTwo" />
</Router>

我想在移动到 Scene2 时传递 Scene1 的组件可以访问的对象。

Answer 1

它可能对您有所帮助：在每个组件中，即在 componentDidMount 中，您可以执行类似的操作：

Actions.refresh({
 rightTitle: "Next",
 rightButtonTextStyle: {color: 'red'},
 onRight: this.goSomewhere, 
 rightButtonImage: someImage
})

使用 React-Native-Router-Flux 从 navBar 按钮传递道具

Pass Props From navBar Button Using React-Native-Router-Flux

javascript

reactjs

react-native

react-native-router-flux