效果为 点击后页面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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐