如何在 flutter 中使用页面转换进入第二页?
How to go to second page with page transition in flutter?
我已经使用了 transition.dart 库并且还制作了一个过渡 dart 文件,但是当我从第二页返回到第一页时,我总是在进行过渡。但是我去第二页的时候需要过渡
我的代码是:
Navigator.push(context,PageTransition(type: PageTransitionType.scale,child:Calculator()));
尝试添加 Duration()
如下代码:
Navigator.push(context, PageTransition(type: PageTransitionType.scale,child:Registration(),duration: Duration(seconds: 5)));
使用以下依赖项:
dependencies:
page_transition: '^1.0.9'
您还可以使用下面的其他动画。
Navigator.push(context, PageTransition(type: PageTransitionType.fade, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.leftToRight, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.rightToLeft, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.upToDown, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.downToUp, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.scale, alignment: Alignment.bottomCenter, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.size, alignment: Alignment.bottomCenter, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.rotate, duration: Duration(second: 1), child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.rightToLeftWithFade, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.leftToRightWithFade, child: DetailScreen()));
转换类型
- 淡化
- 从右到左
- 从左到右
- upToDown
- 向下向上
- 缩放(对齐)
- 旋转(对齐)
- 大小(对齐)
- rightToLeftWithFade,
- leftToRightWithFade
我已经使用了 transition.dart 库并且还制作了一个过渡 dart 文件,但是当我从第二页返回到第一页时,我总是在进行过渡。但是我去第二页的时候需要过渡
我的代码是:
Navigator.push(context,PageTransition(type: PageTransitionType.scale,child:Calculator()));
尝试添加 Duration()
如下代码:
Navigator.push(context, PageTransition(type: PageTransitionType.scale,child:Registration(),duration: Duration(seconds: 5)));
使用以下依赖项:
dependencies:
page_transition: '^1.0.9'
您还可以使用下面的其他动画。
Navigator.push(context, PageTransition(type: PageTransitionType.fade, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.leftToRight, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.rightToLeft, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.upToDown, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.downToUp, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.scale, alignment: Alignment.bottomCenter, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.size, alignment: Alignment.bottomCenter, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.rotate, duration: Duration(second: 1), child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.rightToLeftWithFade, child: DetailScreen()));
Navigator.push(context, PageTransition(type: PageTransitionType.leftToRightWithFade, child: DetailScreen()));
转换类型
- 淡化
- 从右到左
- 从左到右
- upToDown
- 向下向上
- 缩放(对齐)
- 旋转(对齐)
- 大小(对齐)
- rightToLeftWithFade,
- leftToRightWithFade