How do I prevent react-navigation from showing a transition animation during StackAction.reset?

Question

Using react-navigation-stack 1.10.3, resetting StackActions loads the new stack in place without a transition. The same code snippet with react-navigation-stack 2.0.15 adds a platform default transition, which for iOS is SlideFromRightIOS.

How do I replicate the previous behavior on 1.10.X with 2.0.X where there is no transition while the stack gets reset?

navigation.dispatch(
    StackActions.reset({
        index: 0,
        actions: [
            NavigationActions.navigate({
                routeName: user ? 'Home' : 'Landing',
            }),
        ],
    }),
);

satya164 · Accepted Answer · 2020-01-15T20:59:11.280

7

You can disable animation for these screens by adding animationEnabled: false in the navigationOptions of your Home and Landing screens.

Home.navigationOptions = {
  animationEnabled: false
}

edited Jan 15 '20 at 20:59

answered Jan 15 '20 at 20:14

satya164

9,464
2
31
42

Worked great! Thank you! – patdugan Jan 16 '20 at 05:32
3

Hi, @satya164 It would be really great if there is a way to disable animation for the "from-route", not the one you're moving to. – Bright Lee Jul 03 '20 at 15:19

How do I prevent react-navigation from showing a transition animation during StackAction.reset?

1 Answers1