🔖

react-native-router-flux の画面遷移4パターン@GIF画像

2021/05/02に公開

Actionsで提供されているアニメーションから4パターンをGIF画像でまとめました。

Actions.pop

Actions.popToも同様です。
20181027_155107.GIF

現在のページは右手に退きつつ、新しいページが現在のページの左側から登場します。

Actions.push

key名をメソッドに指定した場合もこれ。
20181027_155558.GIF
Actions.jumpと同様ですね。
現在のページが左手に退きつつ、新しいページが右から重なってきます。

Actions.replace

20181027_155634.GIF
アニメーションなしでいきなりページが切り替わります。

Actions.reset

20181027_155700.GIF
Actions.replaceとアニメーションは変わりません。違いはルーティングスタックに対する処理だけなので、画面を見ている人からすると変わらないです。

以上、お役に立てば幸いです。

GitHubで編集を提案

Discussion