screen_transitions
Animate routes easily with AnimatedRoute Helper class.
Getting Started
It is very easy to has custom screen transition on Flutter, all you need to do is add a the transition type to your theme:
MaterialApp(
theme: ThemeData(
pageTransitionsTheme: PageTransitionsTheme(builders: {
TargetPlatform.iOS: CupertinoPageTransitionsBuilder(),
TargetPlatform.android: CupertinoPageTransitionsBuilder(),
}),
...
)
You can also define your own custom transition, I have implemented a simple helper class that make your life easier.
Navigator.of(context).push(RouteAnimationHelper.createRoute(destination : Screen2(), animType: AnimType.slideStart, duration: 450, curve: Curves.ease));
You choose one of the following types:
enum AnimType{
slideStart, slideBottom, scale, fade, size, rotate
}
You can also supply a curve although Curves.ease - which is the default - is the best IMHO