ios - react - wix navigation docs

Pasar el estado de Redux a través de NavigatorIOS

Question

Estoy en el proceso de integrar Redux en una aplicación React Native. Tengo problemas para averiguar cómo pasar el estado de Redux a través de un componente NavigatorIOS.

Cuando la ejecución ingresa al componente que se muestra a continuación, el depurador muestra

props = Object {state: undefined, actions: Object} Con las acciones esperadas en el objeto actions, y estado aún indefinido ya que aún no se ha inicializado (supongo).

Sin embargo, cuando la ejecución ingresa al componente ItemIndex, el depurador muestra props = Object {navigator: Object, route: Object}

Mi implementación actual intenta pasar explícitamente el estado y las acciones, pero no se procesan: el depurador ahora muestra 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

¿Hay alguna manera de que pueda seguir transmitiendo el estado de Redux a través de NavigatorIOS ?

Answer 1

Me di cuenta de que estaba dejando fuera los props parte de la cadena:

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

En realidad, esto solo funciona para el estado inicial, parece detener el cambio de estado que activa las actualizaciones de componentes para el componente initialRoute y los componentes subsiguientes.

Answer 2

react-native-navigation admite Redux, usa controladores nativos de vista iOS (a través de react-native-controllers en lugar de navigatorIOS) y pronto será compatible con Android. Hasta ahora, esta ha sido la mejor solución de navegación para mis necesidades.