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
        }
      }
    }
});

工作正常