Flutterのトランジションアニメーション

Flutter Android のデフォルトのページ遷移アニメーションは下から上に開くようになっていますが、多くの Android システムではデフォルトのページを開くときに左右にスライドします。Flutter iOS でも左右のスライド効果が確認できます。

非常に簡単です。テーマを変更し、デフォルトの遷移アニメーションを設定するだけです。

ThemeData(
   // platform: TargetPlatform.iOS, //这种方式指定了操作平台
   //pageTransitionsTheme 它定义整个主题的默认页面过渡。

    pageTransitionsTheme: PageTransitionsTheme(
      builders: {
        TargetPlatform.android: CupertinoPageTransitionsBuilder(),
        TargetPlatform.iOS: CupertinoPageTransitionsBuilder(),
      }
    ),
}

効果は次のとおりです。