本次修改是基于以下版本:
"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';