0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

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とアニメーションは変わりません。違いはルーティングスタックに対する処理だけなので、画面を見ている人からすると変わらないです。

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?