美文网首页
React Navigation 4.x StackNaviga

React Navigation 4.x StackNaviga

作者: mark666 | 来源:发表于2020-10-15 10:01 被阅读0次

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

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

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

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

cardStyleInterpolators

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

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

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

相关文章

网友评论

      本文标题:React Navigation 4.x StackNaviga

      本文链接:https://www.haomeiwen.com/subject/xernpktx.html