2

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

しかし、実際のコマンドごとにもグローバルにも効果なしで試しました。ランダムな例がこれを示しているように、前に「_」を使用してみました。

これに関するドキュメントが非常に貧弱であるため、私は一般的にカスタマイズ方法について混乱しています。

4

1 に答える 1

5

あなたはおそらく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
        }
      }
    }
});

そして正常に動作します

于 2019-02-10T20:33:07.747 に答える