React-native-router-flux: Disable title slide animation while using 'fade' animation

Created on 19 Dec 2016  路  4Comments  路  Source: aksonov/react-native-router-flux

When I use
<RouterWithRedux ... animation='fade'>
there is still title slide animation from the right. Is is possible to disable it? I didn't find it in docs.

https://dl.dropboxusercontent.com/u/25736835/title-animation.mp4

Most helpful comment

Yes, looking for a general way to disable this. Especially on Android to improve frame rate.
The header title slide animation is not characteristic to Android, so it makes sense to have a way to disable this.
Thanks

All 4 comments

Yes, looking for a general way to disable this. Especially on Android to improve frame rate.
The header title slide animation is not characteristic to Android, so it makes sense to have a way to disable this.
Thanks

+1
Yes, title fade animation doesn't look natural in android.

@insaneinc01 @jvaclavik Are you able to disable slide animation for android?

@vexsnare Probably the best solution is disable transitions for Android:

import { Platform } from 'react-native'
...
<Scene
  key='root'
  duration={Platform.OS === 'android' ? 0 : null}
>
  ...
</Scene>
Was this page helpful?
0 / 5 - 0 ratings