2017-09-25 114 views
2

我正在寻找的终极版动作的重定向一个很好的解决方案终极版存储更改,使用react-navigation阵营导航重定向在组件

目前的情况: 在我初始化了Redux店App.js和渲染主.js组件。 在主要比较。我等待redux-persist的补水完成(后来每次同步操作也结束)。 如果完成了,我渲染Navigator comp .. (如果可能的话,我想在这里调用auth令牌检查器动作,并根据redux存储值(isAuth)重定向。现在我不知道如何。)

导航器首先加载LoginScreen组件。在挂载发生之前我调用auth令牌操作(cWillMount)。 问题是,我无法将重定向代码放入reudx存储库更改(例如render)中重新运行的方法中。

在存储变量更改时,我应该在哪里放置重定向代码?

+0

有几个有关React和Auth处理的指南。你试过这么多,你能展示你的代码吗? – Peter

+0

我试过的唯一重要的事情就是我写下来的东西。很遗憾,我无法显示代码。 – Xyzor

回答

1

如果你还没有,你可以尝试整合反应导航到Redux。 Official documentationthis article将有所帮助。 管理Redux中的所有内容可能是值得的,因为您可以将导航逻辑移至缩减器和操作中。

对于令牌的情况,我假设您有一个使用AsyncStorage存储的令牌。 Here你可以找到我的一个示例项目,我只实现了OAth2.0授权流程。

我使用'Splash'屏幕从AsyncStorage加载令牌。然后,根据结果,该应用程序导航到“欢迎”屏幕或“主”屏幕。从“欢迎”屏幕中,用户可以重定向到授权发生的登录网络视图。

我用Redux Thunk处理副作用。我希望我的实施可以帮助你。

+0

感谢您的示例。当我运行代码时,它会帮助我解决问题。 – Xyzor