react-native - Wix React Native Navigation V2 - 自定义导航转换

Question

Wix React Native Navigation V2 自定义导航过渡

像我这样的内容管理员可能会被这个问题绊倒并标记为重复，因为有类似命名的库(如 React Navigation)与此无关。

是否有通用的方法来自定义推送/弹出的过渡动画？经过实验后，文档似乎稀疏且不正确。

默认的插入动画从右向左移动。我希望能够在某些情况下将其覆盖为从左到右或从上到下等。

在使用“动画”和“x”或“y”属性时，每次推送/弹出执行此操作似乎都不起作用。

这是我尝试过的示例。

class MyComponent extends React.PureComponent {
  static options(passProps) {
    return {
      animations: {
        push: {
          content: {
            x: {
              from: -1000, to: 0, duration: 300
            },
            y: {
              from: 0, to: 0, duration: 300
            }
          }
        },
        pop: {
          content: {
            x: {
              from: 0, to: -1000, duration: 300
            },
            y: {
              from: 0, to: 0, duration: 300
            }
          }
        }
      }
    }
  }
}

但我也尝试过每个实际命令和全局，但没有效果，还尝试在前面使用“_”，因为一些随机示例表明了这一点。

由于这方面的文档非常糟糕，我通常对如何自定义感到困惑。

Answer 1

您可能忘记了enabled: 'true'。我将其全局设置为:

Navigation.setDefaultOptions({
  animations: {
    push: {
      enabled: 'true',
      content: {
        x: {
          from: 2000,
          to: 0,
          duration: 200
        }
      }
    },
    pop: {
      enabled: 'true',
      content: {
        x: {
          from: 0,
          to: 2000,
          duration: 200
        }
      }
    }
});

并且工作正常