如何在 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