【已更新】修复react-navigation android 跳转card 模式与ios效果不同问题

本次修改是基于以下版本:

"react-navigation": "^2.5.3"

修改方法如下

步骤一:(在配置路由文件上导包)

import StackViewStyleInterpolator from 'react-navigation/src/views/StackView/StackViewStyleInterpolator';

步骤二:(在createStackNavigator配置headerMode的同级下加入以下代码)

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

升级最新react-navigation 后设置变更如下:

本次修改基于以下版本:

"react-navigation": "^2.17.0",

修改方法如下

步骤一:(在配置路由文件上导包)

import StackViewStyleInterpolator from "react-navigation-stack/dist/views/StackView/StackViewStyleInterpolator";

步骤二:(在createStackNavigator配置headerMode的同级下加入以下代码)

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

最新版本

"react-navigation": "^4.0.5",
"react-navigation-stack": "^1.7.3",

最新导包路径:

import StackViewStyleInterpolator from 'react-navigation-stack/lib/commonjs/views/StackView/StackViewStyleInterpolator';

 

发布了36 篇原创文章 · 获赞 64 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/u010379595/article/details/80937920
今日推荐