2

I know that this question sounds like asking for suggestion which should not be here, But I am posting after searching a lot for my requirement.

I am using react-router-native for navigation which is great functionality wise. But comes to the animation part, it doesn't give the best user experience. Official Documentation doesn't seem like providing any animation information.

Even in the google I found some articles(A shallow dive into React Router v4 Animated Transitions, Animating Route Transitions with React Router) describing about animation for navigation but only for react.

Hence, Could anybody let me know that is there any way to apply animation for react-router-native?

Mighty
  • 1,178
  • 2
  • 17
  • 35

3 Answers3

0

The standard place to start is exploring basic Animations. That said - have a look at one of the more developed transition libraries out there e.g. react-native-transition.

If it's specifically for just routing then there is a great answer Here.

Scalarr
  • 726
  • 7
  • 25
  • Could you suggest those other libraries like `react-native-transition` – Mighty Feb 16 '18 at 04:55
  • Yes, unless you need more options and control than it provides - its great. It is easy to use and with a low threshold to implement. – Scalarr Feb 16 '18 at 15:42
0

You might want to try this animation library for react-router-native: react-router-native-stack

Nay
  • 570
  • 1
  • 5
  • 13
0

I think you need react-router-native-animate-stackreact-router-native-animate-stack

yarn add react-router-native-animate-stack

This is by default swipeable and you can customize the transition when move to next page.

Screencast

This is the package example running on expo snack

example

Oktaheta
  • 528
  • 4
  • 16