从左到右窗口动画与反应导航？

Question

有没有办法在 react-navigation 中使用 navigate() 函数实现从左到右的动画？

提前致谢。

Answer 1

当您定义屏幕时，您可以使用transitionConfig选项。

const Stack = StackNavigator(
  {
    SomeScreen: { screen: ... },
  },
  {
    transitionConfig: customAnimationFunc,
  }
);
...

import CardStackStyleInterpolator from 'react-navigation/src/views/CardStack/CardStackStyleInterpolator';

const customAnimationFunc = () => ({
  screenInterpolator: sceneProps => {
    return CardStackStyleInterpolator.forVertical(sceneProps);
  },
});

应该做这项工作。您当然可以定义自己的动画，或者返回 null 来禁用它；检查来源。