Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[NavigationExperimental] how to disable animation on reset route

See original GitHub issue

When Resetting the routes on NavigationExperimental with more then one route the navigator animates to the second route. How do I prevent this? I just want the second scene to be displayed. For example: resetRoutesTo([ {key: 'GroupsIndex', title: "Groups"}, {key: 'QuestionsIndex'} ]) with this reducer.

    case RESET_ROUTES_TO:
      return NavigationStateUtils.reset(state,action.routes)

it still animates.

Issue Analytics

State:
Created 7 years ago
Comments:8 (5 by maintainers)

Top GitHub Comments

6reactions

ericvicenticommented, Nov 27, 2016

@skevy, any thoughts on how to handle disabling of animations?

My first thought is that we should add a prop like enableAnimation to NavigationCardStack, which will configure the animation to look instant. We can eventually offer nicer ways of changing this other than the prop.

1reaction

hramoscommented, Mar 31, 2017

Navigation Experimental has been deprecated in favor of the react-navigation library.

Top Results From Across the Web

How do I prevent react-navigation from showing a transition ...

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

react navigation disable animation - You.com | The AI Search ...

I'd like to temporarily disable animation when reset ting state (https://reactnavigation.org/docs/navigation-prop/#reset). The bigger picture is that some ...

Coupling Animation and Navigation - Unity - Manual

Then disable the Has Exit Time property on the transitions. This allows the transition to trigger at any time during the animation.

Animation | Jetpack Compose - Android Developers

AnimatedVisibility waits until all animations in the Transition have finished before removing its content. For exit animations created independent of ...

The State of Navigation in Jetpack Compose - ProAndroidDev

Investing in good navigation framework from start will help you save tons ... animation (with no ability to disable them) when navigating to ......