React Navigation 4.x StackNaviga

在 React Navigation 3.x 中如果要实现指定屏幕过渡方式，一般采用设置StackNavigator的 transitionConfig 插值方式拦截，具体可以参照

• React Navigation StackNavigator中指定屏幕过渡方式

但在升级 React Navigation 4.x 中 会报以下错误

Deprecation in 'createStackNavigator':
'transitionConfig' is removed in favor of the new animation APIs

意思这个方式已经被废弃掉了，需要采用新的 API, 于是我去官方找相应的API，直接搜索 cardStyleInterpolator,

• React Navigation 4.x

cardStyleInterpolators

我们发现，对于要进行的过渡的页面navigationOptions 配置即可.

import { CardStyleInterpolators } from 'react-navigation-stack';

static navigationOptions = {
  title: 'Profile',
  cardStyleInterpolator: Plaform.OS === 'ios' ? 
  CardStyleInterpolators.forVerticalIOS:
  CardStyleInterpolators.forFadeFromBottomAndroid
}