iOS card animations for android

[j-mendez]

It would be nice to have this working the same for android since mode={'modal'} and mode={'card'} are the same transitions on android.

[koenpunt]

Ran into this as well, and as a workaround I set the transitionConfig to the horizontal interpolator:

import CardStackStyleInterpolator from 'react-navigation/src/views/CardStackStyleInterpolator';

export default StackNavigator({
  Home: {
    screen: HomeScreen,
  },
}, {
  transitionConfig: () => ({
    screenInterpolator: CardStackStyleInterpolator.forHorizontal,
  }),
  navigationOptions: ({ navigation }) => ({
    //...
  }),
})

[wokalski]

It would be great to export CardStackStyleInterpolator to the public API. It has been also mentioned in #1002 by @ericvicenti.

[ryancoughlin]

Trying to track down a bit more information regarding custom transitions and transitionConfig within this lib. What exactly will:

  transitionConfig: () => ({
    screenInterpolator: CardStackStyleInterpolator.forHorizontal,
  }),

When executed?

[manuTro]

@wokalski Do you know if now CardStackStyleInterpolator is available into the API? I got problem by requiring it from "react-navigation/src/views/CardStackStyleInterpolator.js"

[koenpunt]

@manuTro the following works fine for me:

import CardStackStyleInterpolator from 'react-navigation/src/views/CardStackStyleInterpolator';

[manuTro]

@koenpunt The problem is that I'm using clojurescript so I need to require it directly from react-navigation.. Otherwise it works but I have this warnig:

[manuTro]

@koenpunt Or maybe is there another way to make stacknavigator swipe horizontally?

[koenpunt]

You can copy the file for the time being, until it's exposed as a default export.