哪个导航栏?
Which NavigationBar?
RN 目前有 2 个官方和一些社区开发的 NavigationBar。
阅读 Navigator comparison 后,Navigator 似乎是最受欢迎的导航控制器实现(取代 NavigatorIOS),因为它允许将栏与导航逻辑分离。
但是该用哪个导航栏呢?
据我所知,主要竞争者是:
两者都可以完成工作,但是使用一个优于另一个的 pros/cons 是什么?
干杯:)
这是我在使用 Navigator 后发现的。
Kureev 的 react-native-navbar 如果你想快速实现一个看起来类似于 NavigatorIOS 但功能更多的导航栏,那是个不错的选择。您唯一需要注意的是他实现实际导航栏的方式。您会注意到在他的示例中,他在内容上方呈现导航栏并将其包装在视图中,这使导航栏成为 "per page basis." 因此,当您按下或弹出视图时,导航栏将随视图而变化。目前有一个解决这个想法的问题 (#62)
Navigator 组件使用起来非常简单。使用 navigationBar 道具,您可以创建一个在状态更改时持续存在的一致导航栏。我发现的一个痛点是导航栏被放置在呈现的内容下方,因此如果您想要它,您将不得不使用一些样式将其置于顶部。
总结:
- 如果您想快速轻松地导航,请使用 Kureev 的
- 如果您想要更大的灵活性和控制更多导航栏的能力,请创建一个导航栏组件并使用 Navigators navigationBar 属性。
- 并且不要低估来自 React Native 团队的示例。 Navigator examples
RN 目前有 2 个官方和一些社区开发的 NavigationBar。 阅读 Navigator comparison 后,Navigator 似乎是最受欢迎的导航控制器实现(取代 NavigatorIOS),因为它允许将栏与导航逻辑分离。
但是该用哪个导航栏呢?
据我所知,主要竞争者是:
两者都可以完成工作,但是使用一个优于另一个的 pros/cons 是什么?
干杯:)
这是我在使用 Navigator 后发现的。
Kureev 的 react-native-navbar 如果你想快速实现一个看起来类似于 NavigatorIOS 但功能更多的导航栏,那是个不错的选择。您唯一需要注意的是他实现实际导航栏的方式。您会注意到在他的示例中,他在内容上方呈现导航栏并将其包装在视图中,这使导航栏成为 "per page basis." 因此,当您按下或弹出视图时,导航栏将随视图而变化。目前有一个解决这个想法的问题 (#62)
Navigator 组件使用起来非常简单。使用 navigationBar 道具,您可以创建一个在状态更改时持续存在的一致导航栏。我发现的一个痛点是导航栏被放置在呈现的内容下方,因此如果您想要它,您将不得不使用一些样式将其置于顶部。
总结:
- 如果您想快速轻松地导航,请使用 Kureev 的
- 如果您想要更大的灵活性和控制更多导航栏的能力,请创建一个导航栏组件并使用 Navigators navigationBar 属性。
- 并且不要低估来自 React Native 团队的示例。 Navigator examples