slide left animtion on naviagtor push in flutter

slide page transition flutter

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()));

Posted by: Guest on July-27-2020

Source

Navigator.push(context, SlideRightRoute(page: Screen2())) import 'package:flutter/material.dart';class SlideRightRoute extends PageRouteBuilder { final Widget page; SlideRightRoute({this.page}) : super( pageBuilder: ( BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, ) => page, transitionsBuilder: ( BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, Widget child, ) => SlideTransition( position: Tween<Offset>( begin: const Offset(-1, 0), end: Offset.zero, ).animate(animation), child: child, ), );}

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.topToBottom, child: DetailScreen())); Navigator.push(context, PageTransition(type: PageTransitionType.bottomToTop, 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()));

Code answers related to "slide left animtion on naviagtor push in flutter"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Answers for "slide left animtion on naviagtor push in flutter"

Code answers related to "slide left animtion on naviagtor push in flutter"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us