效果为 点击后页面1后页面2从右向左滑来,返回则是从左到右滑回去

Navigator.push(
            context,
            PageRouteBuilder(//自定义路由
              pageBuilder: (context, a, _) => page(),//需要跳转的页面
              transitionsBuilder: (context, animated, _, child) {
                return SlideTransition(
                  //转场动画
                  position: Tween(
                    begin: Offset(1,0), //Offset一个2D小部件,将记录坐标轴的x=宽,y=高
                    end: Offset.zero,//动画曲线
                  ).animate(animated),//获得动画
                  child: child,
                );
              },
            ),
          );

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐