React-native-navigation: [V2] Can't disable animation when setStackRoot

[jacobrosenskold]

Issue Description

setStackRoot without animation dosen't work.

Navigation.setStackRoot(this.props.componentId, {
        component: {
          name: 'mainScreen',
        },
        options: {
          animated: false
        }
      });

Have also tried

Navigation.setStackRoot(this.props.componentId, {
        component: {
          name: 'mainScreen',
        },
        options: {
          animation: {
            push: {  // also tried setStackRoot
              enable: false
            }
          }
        }
      });

---

Environment

• React Native Navigation version: ^2.0.2394
• React Native version: 0.55.4
• Platform(s) (iOS, Android, or both?): IOS
• Device info (Simulator/Device? OS version? Debug/Release?): Simulator

[yogevbd]

Try this:

Navigation.setStackRoot(this.props.componentId, {
        component: {
          name: 'mainScreen',
          options: {
            animations: {
              push: {  // also tried setStackRoot
                enable: false
              }
            }
          }
        }
      });

[jacobrosenskold]

@yogevbd I've tried your suggestion but it still doesn't work.

[yogevbd]

Oh I had a syntax error, changed animation to animations. can you please try again?

[jacobrosenskold]

That worked! Thank you!

[raubrey2014]

For anyone else for whom the above is not clear...

I was still struggling with disabling what looked like a push animation when calling setStackRoot with the above example. I was able to disable the animation when using the setStackRoot option in animations

Navigation.setStackRoot('Example', {
    component: {
      name: 'your_screen_name',
      options: {
        animations: {
          setStackRoot: { enabled: false },
        },
      },
    },
  })

...as seen here.