Как перейти на вторую страницу с переходом страницы во флаттер? - PullRequest
Новая
       23

Как перейти на вторую страницу с переходом страницы во флаттер?

2 голосов
/ 08 мая 2019

Я использовал библиотеку transition.dart и также создал файл перехода dart, но всегда получаю переход, когда возвращаюсь со второй страницы на первую.Но мне нужен переход, когда я иду на вторую страницу.

Мой код: 

 Navigator.push(context,PageTransition(type: PageTransitionType.scale,child:Calculator()));

1 Ответ

1 голос
/ 08 мая 2019

Попробуйте добавить 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()));

Типы переходов

  • fade
  • rightToLeft
  • leftToRight
  • upToDown
  • downToUp
  • масштаб (с выравниванием)
  • поворот (с выравниванием)
  • размер (с выравниванием)
  • rightToLeftWithFade,
  • leftToRightWithFade
...