route_animation_helper 2.0.0+7 route_animation_helper: ^2.0.0+7 copied to clipboard
RouteAnimationHelper class, assists you to animate your route transitions.
screen_transitions #
Animate routes easily with AnimatedRoute Helper class.
Getting Started #
Flutter allows you to use pre-defined global transitions for example:
MaterialApp(
theme: ThemeData(
pageTransitionsTheme: PageTransitionsTheme(builders: {
TargetPlatform.iOS: CupertinoPageTransitionsBuilder(),
TargetPlatform.android: CupertinoPageTransitionsBuilder(),
}),
...
)
You can customize transitions by supplying your own route, I have implemented a simple helper with pre-defined routes to make your life a bit easier.
Navigator.of(context).push(RouteAnimationHelper.createRoute(buildContext : context, destination : Screen2(), animType: AnimType.slideStart);
You choose one of the following types:
enum AnimType{
slideStart, slideBottom, scale, size, fade, rotate, cubic
}
Note that for cubic you must supply currentPage param.
Navigator.of(context).push(RouteAnimationHelper.createRoute(buildContext : context, currentPage: Screen1(), destination : Screen2(), animType: AnimType.cubic);
You can also supply a curve although Curves.ease - which is the default - is the best IMHO