使 React Native App 更具原生质感

今天向你们推荐个人开源项目，一款为 react-native 打造的原生导航库。因为导航方式是用原生组件实现的，因此体验会比 react-navigation 稍好，此外，一样的缘由，使得 react-native 业务模块能够和原生业务模块完美契合。

这款导航库名为 react-native-navigation-hybrid，正如名称所暗示的那样，它能够轻松实现原生页面和 RN 页面的相互跳转和传值，并且因为都使用原生的导航组件，因此即使是原生工程师，也难以辨认哪些页面多是由 react-native 实现的。

上图是项目自带的 demo, 展现本库大部分功能。

博主也 fork 了一个比较受欢迎的 react-native app，并用 react-native-navigation-hybrid 替换了react-navigation。

闪屏 iOS 效果对照：

react-navigation	react-native-navigation-hybrid

主页面 Android 6.0 效果对照：

react-navigation	react-native-navigation-hybrid

如下是源码：

改造前的 reading

改造后的 reading

react-native-navigation-hybrid