页面转场动画对于一个成熟的应用来说,是十分重要的。
Flutter 提供了很便捷的方式实现页面转场动画。
通常,在页面跳转的时候会使用 Flutter 提供的 MaterialPageRoute,它提供了默认的页面跳转动画。
当然,我们也可以定义自己的页面跳转动画。
1. 使用 PageRouteBuilder
使用 PageRouteBuilder,可以快速的自定义一个页面跳转动画。
Navigator.push(context, PageRouteBuilder(pageBuilder:
(BuildContext context, Animation animation,
Animation secondaryAnimation) {
return ScaleTransition(
scale: animation,
alignment: Alignment.bottomRight,
child: AnimPage());