如何在页面切换中跳动至第二页?

时间:2019-05-08 10:25:09

标签: flutter transition flutter-dependencies

我已经使用了transition.dart库,还制作了一个过渡dart文件,但是当我从第二页返回到第一页时,我总是在过渡。但是当我转到第二页时,我需要过渡。

我的代码是:

.botao

1 个答案:

答案 0 :(得分:1)

尝试通过添加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()));

过渡类型

  • 淡出
  • rightToLeft
  • leftToRight
  • upToDown
  • downToUp
  • 规模(对齐)
  • 旋转(对齐)
  • 大小(对齐)
  • rightToLeftWithFade,
  • leftToRightWithFade