首页 > 解决方案 > 在 react-native 中管理堆栈的最佳导航方法是什么?

问题描述

我很少使用 react native 导航,但我仍然对使用哪个导航感到困惑,以便将来的观点也得到管理。我使用了 react-native 和react-native-router-flux默认的 react -navigation,我也使用了具有非常好的文档的react-navigation 。但是太多的选择让我感到困惑。请帮忙,因为我的项目有点大,我不想在两者之间切换导航技术。

标签: androidioscordovareact-nativereact-router

解决方案


我在我的项目中同时使用了react-native-navigationreact-native-router-flux,并在大型和普通大小的应用程序中体验了它们的行为。

总的来说,它们都是基于原生的导航库,易于集成 redux 支持。当涉及到具有更多屏幕和更多填充内容的大型项目时,我会推荐react-native-navigation。在文档中,它说:

React Native Navigation 在 iOS 和 Android 上为 React Native 应用程序提供 100% 原生平台导航。

这意味着它将在导航方面提供 100% 的本地用户体验。react-native-router-flux也在后台使用 react-navigation,但是当你检查源代码时,你会发现在 native 和 react-native 端之间有更多的 JavaScript 连接。它的实现是为了在两者之间增加一层以简化使用,并且在正常大小的项目中效果很好。但是随着尺寸变大,会导致性能变慢;因为不是直接调用原生动作,而是先去JavaScript桥接它。因此,取决于您来确定简单使用和性能之间的权衡。


推荐阅读