React Native - 在异步操作后导航

Question

我正在使用React Native和Redux开发移动应用程序,我正面临着软件设计问题.我想调用REST API(异步操作)进行登录,如果该操作成功,则导航到主视图.我正在使用redux和thunk所以我已经实现了异步操作,所以我的主要疑问是:我应该把逻辑导航到主视图？

我可以直接从动作访问导航器对象并在那里执行导航吗？我应该在登录组件中执行此操作吗？(正如我已经这样做 - 检查下面的代码).

componentWillReceiveProps(nextProps){
    if(nextProps.errorLoginMsg){
        Alert.alert("Login Failed", nextProps.errorLoginMsg);
    }
    else if(!nextProps.user.isNull()){
      this.props.navigator.replace({name: 'main'});
    }
  }

我对组件中的逻辑没有信心.似乎不是一个好习惯.有没有其他方法可以做到这一点？

谢谢

Answer 1

这是当前 Navigator API 的 React Native 中最难的问题之一。我建议有一个路线存储来保存当前路线，并拥有一个包含连接到该存储的导航器的组件，并在 上触发导航componentWillReceiveProps。