障害メモ/React Navigationでネストするとreduxと統合できない

キーワード

  • React Native
  • React Navigation
  • redux

現象

React Nativeにて、React Navigationをネスト（TabとStack）した状態でreduxと統合しようとするとエラーになる。

undefined is not an object (evaluating 'state.routes[state.index]')

原因

Navigationをネストしているのがよくないらしい。

対策

initialStateの与えた方を次のように変更する。

const initialState = AppNavigator.router.getStateForAction(
  NavigationActions.reset({
    index: 0,
    actions: [
      NavigationActions.navigate({
        routeName: 'Home'
      })
    ]
  })
)

備考

なし。

参考

作成日 2017-12-30