Unable to change initial route about react-native-boilerplate

[AurelGit]

Hey @joshuakoh7

Navigation after startup is made inside the StartupSaga

export function* startup() {
  // Dispatch a redux action using `put()`
  // @see https://redux-saga.js.org/docs/basics/DispatchingActions.html
  yield put(ExampleActions.fetchUser())

  // Add more operations you need to do at startup here
  // ...

  // When those operations are finished we redirect to the main screen
  NavigationService.navigateAndReset('MainScreen')
}

Hope this will help you :)

[joshuakoh7]

Very helpful! Couldn't figure out why the other screens would load everything under componentWillMount() but end up at ExampleScreen anyway :D

[joshuakoh7]

Hey @joshuakoh7

Navigation after startup is made inside the StartupSaga

export function* startup() {
  // Dispatch a redux action using `put()`
  // @see https://redux-saga.js.org/docs/basics/DispatchingActions.html
  yield put(ExampleActions.fetchUser())

  // Add more operations you need to do at startup here
  // ...

  // When those operations are finished we redirect to the main screen
  NavigationService.navigateAndReset('MainScreen')
}

Hope this will help you :)

NavigationService.navigate('LoginScreen') throws this error. Am I using it wrong?

Possible Unhandled Promise Rejection (id: 0):
TypeError: TypeError: TypeError: Cannot read property 'dispatch' of undefined

This error is located at:
    in AuthLoginScreen (created by Context.Consumer)
    in Connect(AuthLoginScreen) (created by SceneView)
    in SceneView (at StackViewLayout.js:795)
    in RCTView (at View.js:45)
    in View (at createAnimatedComponent.js:151)
    in AnimatedComponent (at StackViewCard.js:69)
    in RCTView (at View.js:45)
    in View (at createAnimatedComponent.js:151)
    in AnimatedComponent (at screens.native.js:59)
    in Screen (at StackViewCard.js:57)
    in Card (at createPointerEventsContainer.js:27)
    in Container (at StackViewLayout.js:860)
    in RCTView (at View.js:45)
    in View (at screens.native.js:83)
    in ScreenContainer (at StackViewLayout.js:311)
    in RCTView (at View.js:45)
    in View (at createAnimatedComponent.js:151)
    in AnimatedComponent (at StackViewLayout.js:307)
    in PanGestureHandler (at StackViewLayout.js:300)
    in StackViewLayout (at withOrientation.js:30)
    in withOrientation (at StackView.js:79)
    in RCTView (at View.js:45)
    in View (at Transitioner.js:214)
    in Transitioner (at StackView.js:22)
    in StackView (created by Navigator)
    in Navigator (at createKeyboardAwareNavigator.js:12)
    in KeyboardAwareNavigator (at createAppContainer.js:388)
    in NavigationContainer (at RootScreen.js:19)
    in RCTView (at View.js:45)
    in View (at RootScreen.js:18)
    in RootScreen (created by Context.Consumer)
    in Connect(RootScreen) (at App.js:30)
    in PersistGate (at App.js:29)
    in Provider (at App.js:21)
    in App (at renderApplication.js:35)
    in RCTView (at View.js:45)
    in View (at AppContainer.js:98)
    in RCTView (at View.js:45)
    in View (at AppContainer.js:115)
    in AppContainer (at renderApplication.js:34)

This error is located at:
    in NavigationContainer (at RootScreen.js:19)
    in RCTView (at View.js:45)
    in View (at RootScreen.js:18)
    in RootScreen (created by Context.Consumer)
    in Connect(RootScreen) (at App.js:30)
    in PersistGate (at App.js:29)
    in Provider (at App.js:21)
    in App (at renderApplication.js:35)
    in RCTView (at View.js:45)
    in View (at AppContainer.js:98)
    in RCTView (at View.js:45)
    in View (at AppContainer.js:115)
    in AppContainer (at renderApplication.js:34)
TypeError: TypeError: Cannot read property 'dispatch' of undefined

This error is located at:
    in AuthLoginScreen (created by Context.Consumer)
    in Connect(AuthLoginScreen) (created by SceneView)
    in SceneView (at StackViewLayout.js:795)
    in RCTView (at View.js:45)
    in View (at createAnimatedComponent.js:151)
    in AnimatedComponent (at StackViewCard.js:69)
    in RCTView (at View.js:45)
    in View (at createAnimatedComponent.js:151)
    in AnimatedComponent (at screens.native.js:59)
    in Screen (at StackViewCard.js:57)
    in Card (at createPointerEventsContainer.js:27)
    in Container (at StackViewLayout.js:860)
    in RCTView (at View.js:45)
    in View (at screens.native.js:83)
    in ScreenContainer (at StackViewLayout.js:311)
    in RCTView (at View.js:45)
    in View (at createAnimatedComponent.js:151)
    in AnimatedComponent (at StackViewLayout.js:307)
    in PanGestureHandler (at StackViewLayout.js:300)
    in StackViewLayout (at withOrientation.js:30)
    in withOrientation (at StackView.js:79)
    in RCTView (at View.js:45)
    in View (at Transitioner.js:214)
    in Transitioner (at StackView.js:22)
    in StackView (created by Navigator)
    in Navigator (at createKeyboardAwareNavigator.js:12)
    in KeyboardAwareNavigator (at createAppContainer.js:388)
    in NavigationContainer (at RootScreen.js:19)
    in RCTView (at View.js:45)
    in View (at RootScreen.js:18)
    in RootScreen (created by Context.Consumer)
    in Connect(RootScreen) (at App.js:30)
    in PersistGate (at App.js:29)
    in Provider (at App.js:21)
    in App (at renderApplication.js:35)
    in RCTView (at View.js:45)
    in View (at AppContainer.js:98)
    in RCTView (at View.js:45)
    in View (at AppContainer.js:115)
    in AppContainer (at renderApplication.js:34)
    at Object.navigate