React Native - 不同视图之间的导航

Posted

技术标签:

【中文标题】React Native - 不同视图之间的导航【英文标题】:React Native - Navigation between different views 【发布时间】:2016-08-06 14:15:07 【问题描述】:

我刚刚接近反应原生/反应并且有点困惑......我指定我有 angularjs、cordova 等的背景......现在我有一个问题......我正在阅读 Flux 和我想在我的应用程序中使用它,因为它通过单向数据流改进了结构。

最重要的决定是我的应用程序中的导航,因此在本机反应的文档中我找到了组件“导航器”。现在我不明白我是否可以同时使用 Navigator 和 Flux 或者一个排除另一个。

如果您有信息、建议或示例,我们欢迎您。谢谢。

【问题讨论】:

【参考方案1】:

事实上,您可以将两者结合使用。这是一个库,它在 Navigator 之上提供了一个路由器 API。 https://github.com/aksonov/react-native-router-flux

【讨论】:

好的...我在 github 上看到了这个,但我不想使用并将我绑定到任何人编写的库...我想在标准模式下一起使用 Flux 和 Navigator如果可能的话,指导方针......你有例子或建议吗?谢谢! 可能是这样的,每当您想要导航到不同的屏幕、发送带有有效负载的操作、使用有效负载并使用导航器导航到特定页面时。您可以在商店中维护当前屏幕或屏幕列表。 你有例子吗? 不幸的是,我没有,但我认为其他答案中提到的链接可能会有所帮助【参考方案2】:

您可以同时使用 RN Navigator 和 Flux,它们并不相互排斥。以下是一些导航文章,可能对您有所帮助:

http://blog.paracode.com/2016/01/05/routing-and-navigation-in-react-native/

http://tech.taskrabbit.com/blog/2015/09/21/react-native-example-app/

https://medium.com/the-exponent-log/routing-and-navigation-in-react-native-6b27bee39603#.ae10t4lks

您会发现他们都说您可以使用 Flux 操作来调度事件、更新导航栏按钮和屏幕内容等。

我没有使用 Flux,但在您的位置上,我会尝试阅读 react-native-router-flux 代码,阅读文章并尝试用所有已知的知识自行构建 Flux-navigator ^^。祝你好运,我希望这对你有帮助:)

【讨论】:

以上是关于React Native - 不同视图之间的导航的主要内容,如果未能解决你的问题,请参考以下文章

修复了 React Native 视图之间的导航栏/标题

React Native 系列

React Native 在兄弟视图之间传递数据

react native - 改变导航方向(即从右到左)

在 react-Native 中退出相机视图

两个滚动视图之间有很多空间,因为 wrap - React Native