flutter 页面跳转动画 SlideTransition

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值