You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm having a problem where, on android, the transitions between scenes/ pages is vertical, instead of horizontal. I was thinking I could add a prop to a scene, like so: <Scene direction="leftToRight" /> but this does not work. How should I go about fixing the transitions on android devices?
Version
react-native-router-flux v4.0.0-beta.22
react-native v0.49.3
Expected behaviour
Scenes transition horizontally (i.e. left-to-right) on both android and iOS devices.
Actual behaviour
On android: scenes transition vertically (from bottom-to-top) instead of horizontally like they do in iOS.
Steps to reproduce
Set up project with multiple sciences. i.e.
<Router>
<Stack>
<Scene />
<Scene />
...
Navigate between scenes
Should see iOS transitions vertically, while android transitions pages horizontally
I've tried <Stack key="root" transitionConfig={() => ({ screenInterpolator: CardStackStyleInterpolator.forHorizontal })}> but this throws an error: undefined is not a function (evaluating 'addListener'. Please do not link to #2628 and close this issue, because I've read through that thread and I'm still having issues.
The text was updated successfully, but these errors were encountered:
Import this at the file you register scenes.
import CardStackStyleInterpolator from 'react-navigation/src/views/CardStack/CardStackStyleInterpolator';
And Add this to transitionConfig={() => ({ screenInterpolator: CardStackStyleInterpolator.forHorizontal })}
to your stack like this :
<Stack key="root" hideNavBar={true} transitionConfig={() => ({ screenInterpolator: CardStackStyleInterpolator.forHorizontal })}>
Edit : this error may occur of react-native-router-flux version i had this error before. I am using version
"react-native-router-flux": "^4.0.0-beta.26", now and it`s working perfectly fine.
I'm having a problem where, on android, the transitions between scenes/ pages is vertical, instead of horizontal. I was thinking I could add a prop to a scene, like so:
<Scene direction="leftToRight" />
but this does not work. How should I go about fixing the transitions on android devices?Version
Expected behaviour
Scenes transition horizontally (i.e. left-to-right) on both android and iOS devices.
Actual behaviour
On android: scenes transition vertically (from bottom-to-top) instead of horizontally like they do in iOS.
Steps to reproduce
I've tried
<Stack key="root" transitionConfig={() => ({ screenInterpolator: CardStackStyleInterpolator.forHorizontal })}>
but this throws an error:undefined is not a function (evaluating 'addListener'
. Please do not link to #2628 and close this issue, because I've read through that thread and I'm still having issues.The text was updated successfully, but these errors were encountered: