ios - 通过 NavigatorIOS 传递 Redux 状态

Question

我正在将 Redux 集成到 React Native 应用程序中。我无法弄清楚如何通过 NavigatorIOS 组件传递 Redux 状态。

当执行进入下图组件时，调试器显示


Prop = 对象 {状态:未定义， Action :对象}
随着 Action 对象中的预期 Action ，状态尚未定义，因为它尚未初始化(我假设)。

但是当执行进入 ItemIndex 组件时，调试器显示
props = Object {导航器:对象，路线:对象}


我当前的实现试图显式地传递状态和操作，但它们没有通过:调试器现在显示
props = Object {navigator: Object, route: Object, state: null, actions: undefined}


class MainComponent extends Component {
  constructor(props) {
    super(props) 
    const { actions, state } = props
  }

  render() {
    return (
      <NavigatorIOS
        ref = "nav"
        style = {styles.navigator}
        initialRoute = {{
          // Pass redux state into component
          passProps: { state: this.state, actions: this.actions },  
          // currently becomes { state: null, actions: undefined }
          title: 'Items',
          component: ItemIndex
        }}/> 
    )
  }
}

module.exports = MainComponent

有没有一种方法可以让我继续通过 NavigatorIOS 向下传递 Redux 状态？

Answer 1

react-native-navigation支持 Redux，使用原生 iOS View Controller (通过 react-native-controllers 而不是 navigatorIOS)并且很快将支持 Android。到目前为止，这是满足我需求的最佳导航解决方案。