2018年7月10日火曜日

react-navigationをv1からv2に更新した的なお話

  • このエントリーをはてなブックマークに追加

react-navigationをv1からv2へとバージョンアップした的なお話。
v1からv2に移行するにあたって色々と変更する点があったので、それらを雑多なメモ的な感じで。

  • ・createReduxBoundAddListenerの廃止。
  • ・addNavigationHelpers内でcreateReduxBoundAddListenerをしてた部分をreduxifyNavigatorに変更。
  • ・navigation={addNavigationHelpers({...})}としてた部分を、dispatch={this.props.dispatch} state={this.props.nav}に変更。
  • ・reduxifyNavigatorをcreateReactNavigationReduxMiddlewareの前に実行する必要がある。
  • ・NavigationActions.resetをする際にNavigationActionsからStackActionsに変更。
  • ・stackNavigator({...})などをするのをcreateStatckNavigator({...})に変更。
  • ・navigation.navigate()で進んでいたのをnavigation.push()に変更。
  • ・actionsの中でNavigationActions.navigate()としてるのはそのまま。
  • ・createBottomTabNavigatorのtabBarComponentをカスタムするには、import {createBottomTabNavigator,BottomTabBar} from 'react-navigation-tabs'としなければならない。

今更だけどとりあえずこんな感じ。
最近というかv1が出てからかかなりreact-navigationは活発な更新を見せているので、たまに追いつかなかったりする。
特にメジャーアップデートをしている最中に開発中だとそこでまた時間が取られてしまうから悩みどころではあるけども、できたらやっておいた方がいいよね的なみたいな。

Adsense