React Native disable navigation push animation

Question

Considering a simple example in React Native that uses React Navigation to go to a different screen, how can I disable the transition animation?

<Button
  title="Go to Details... again"
  onPress={() => navigation.push('Details')}
/>

See the example on Snack

Answer 1

have you tried setting "animationEnabled: false"?

check out the docs for it here:

https://reactnavigation.org/docs/en/stack-navigator.html#animationenabled

Answer 2

set animationEnabled to false

screen: YourScreenName,
    navigationOptions: ({ navigation }) => ({
      animationEnabled: false,
    }