【React Native】Navigationの特徴

React Navigation

• https://reactnavigation.org/docs
• https://github.com/react-community/react-navigation

特徴

• StackNavigatorではページ遷移の始まりと終わりでイベントハンドリングができる。

  • nTransitionStart - Function to be invoked when the card transition animation is about to start.
  • onTransitionEnd - Function to be invoked once the card transition animation completes.

• 下記の三つの基本的な遷移のみ取り扱っている。

  • StackNavigator - 一度に1画面をレンダリングし、画面間の遷移を提供します。新しいスクリーンが開かれると、それはスタックの上に置かれます。
  • TabNavigator - 複数の画面を切り替えるためのタブバーをレンダリングします。
  • DrawerNavigator - 画面の左からスライドするドロワーを提供します

• 導入が比較的簡単

React Native Navigation

• https://wix.github.io/react-native-navigation/#/
• https://github.com/wix/react-native-navigation/

特徴

• 遷移完了タイミングのハンドリングが用意されていない。
• 導入が比較的面倒(xcodeを触る。)
• 機能が充実している
  • Navigation
  • startTabBasedApp
  • startSingleScreenApp
  • showModal
  • showLightBox
  • handleDeepLink
  • registerScreen
  • getCurrentlyVisibleScreenId

純正Navigationはなくなった。
http://snippets.feb19.jp/?p=1891

参考