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

Question

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

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

有没有一种通用的方法来为 push/pop 自定义过渡动画？实验后，文档似乎稀疏且不正确。

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

在使用“动画”和“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
        }
      }
    }
});

并且工作正常