使 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