Materialなどのデザイン言語では画面遷移時の標準の挙動が定義されています。しかし、時には、ページ遷移時にカスタムの挙動を用意するとappをよりユニークにできる場合があります。その助けとして、PageRouteBuilderがAnimationオブジェクトを提供します。このAnimationは、TweenやCurveオブジェクトと共にページ遷移時の挙動をカスタマイズするために使用されます。
このページでは、下部の画面から新しいルート(画面)をアニメーション化して表示することにより、ルート間を移行する方法を示しています。
(FlutterのNavigation(ページ遷移担当クラス)はスタックの原理でページ(遷移)を管理しており、「画面の下部」とはスタックの一番下のページ、つまり一番最初のページ、という意味での「下部」。新しいルート(画面)が「その上の画面」。)
カスタムページルート遷移を作るために、このページでは以下の手順で学んでいきます。
PageRouteBuilderをセットアップする。
Tweenを生成します。
AnimatedWidgetを追加します。
CurveTweenを使用します。
二つのTweenを結合します。
工事中🏗
参考
https://flutter.dev/docs/cookbook/animation/page-route-animation