Change Animation timing

[waheedakhtar694]

Is there a way to change the animation timing while navigating ? I explore the documentation but didn't find anything in it.

[kacperkapusciak]

Hi @waheedakhtar694,
Currently, animation customization is not supported in native-stack. You can use fully-customizable Stack implemented in JS for that.

[waheedakhtar694]

@kacperkapusciak I was using JS stack but due to performance issues specifically on android i moved to native stack and it works better on android but the animation while navigation is specifically sliding from right or left is slow so i wants to make a little faster, any plan to add this support in the near future ?

[WoLewicki]

If you need to change the duration of animation, you can change it globally in res files of react-native-screens, e.g. for slide_from_right you need changes in duration here:

react-native-screens/android/src/main/res/anim/rns_slide_in_from_right.xml

Line 3 in afd0b56

android:duration="@android:integer/config_mediumAnimTime"

and here: https://github.com/software-mansion/react-native-screens/blob/master/android/src/main/res/anim/rns_slide_out_to_left.xml#L3 (you can pass a number in that field). Remember to always change both parts of the animation, they can be seen here for slide_from_right: https://github.com/software-mansion/react-native-screens/blob/master/android/src/main/java/com/swmansion/rnscreens/ScreenStack.kt#L194.

[waheedakhtar694]

Thanks @WoLewicki it works.