route_animation_helper 2.0.0+7 icon indicating copy to clipboard operation
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

9
likes
120
pub points
64%
popularity

Publisher

verified publisher icongeromino-apps.com

RouteAnimationHelper class, assists you to animate your route transitions.

Homepage
Repository (GitHub)

Documentation

API reference

License

Icon for licenses.MIT (LICENSE)

Dependencies

cupertino_icons, flutter

More

Packages that depend on route_animation_helper