如何禁用反应导航的堆栈导航器转换？

Question

在React native（iOS）中，React navigation's stack navigator有一个默认的过渡动画，可根据堆栈顺序向左或向右移动屏幕。有没有办法禁用过渡动画？

Answer 1

希望它会对你有所帮助。请尝试如下。

const StackNavigatorConfig = {
  [...]
  transitionConfig : () => ({
    transitionSpec: {
      duration: 0,
      timing: Animated.timing,
      easing: Easing.step0,
      },
  }),
}

export const Navigator = StackNavigator(RouteConfiguration,StackNavigatorConfig)

Answer 2

我不认为有一个布尔变量控制过渡动画。所以我们不能直接隐藏动画。

但有一个变量控制动画持续时间！

试试这个〜↓

const RootStackNavigator = createStackNavigator({
  // ...
}, {
  transitionConfig: () => ({
    transitionSpec: {
      duration: 0,  // Set the animation duration time as 0 !!
    },
  }),
});