Build Fine-grained Screen Transitions with a Custom React Navigation Interpolator

Share this video with your friends

Send Tweet

This lesson introduces the screenInterpolator function and demonstrates how you can begin using it to fully customize transitions in a React Navigation navigator.

Vittorio
Vittorio
~ 6 years ago

From what I understood with screenInterpolator we can define the animation of the screen that is coming. For example, if our navigation is A -> B, then inside screenInterpolator we define how B should behave when is appearing. Is there a way to define also the behaviour of A? I would like to do something like:

  • B should appear from bottom to top
  • A should disappear from right to left

UPDATE: solution here https://stackoverflow.com/questions/53305193/animate-leaving-screen-with-react-navigation/53323814#53323814