使用 redux 在 react-navigation 中导航

Question

我已经阅读了一些使用 redux 反应原生导航方法的示例，但其中大多数似乎仍然依赖于在组件中进行导航，例如：

this.props.loginUser().then(this.props.navigation.push('Home"));

this.props.LoginUser() 将在哪里调度 LOGGING_IN 和 LOGGED_IN 操作。

将导航作为应用程序状态的纯函数（在组件之外）处理似乎会更简洁。即当我的 auth reducer 更新它的状态为 loggedIn: true 时，一些导航“reducer”会发现应用程序应该在主屏幕上，然后去那里。 LOG_OUT 操作也是如此。

是否有实现此类目标的最佳实践？在反应导航中，感觉就像我正在与框架作斗争以实现类似的东西。

Answer 1

如果您想完全放弃使用导航器，您可以选择的一个选项是让 reducer 跟踪您所在的页面，然后根据 reducer 中的导航状态对页面进行条件渲染.但是，如果您这样做，您将无法访问导航栏的细节，也无法让导航器为您跟踪您的页面堆栈。因此，如果您想使用允许您在逻辑流程中向前和向后导航的页面作为常见用例，我建议您坚持当前的范例。