Description:

flutter page transition plus

flutter_page_transition_plus #
Flutter custom page transitions builder
Get Started #
It is really easy to use!
You should ensure that you add the flutter_page_transition_plus as a dependency in your flutter project.
dependencies:
flutter_page_transition_plus: "^1.0.2"
copied to clipboard
Feature #

Next Transition

FlutterPageTransition.next(settings, NextPage());
copied to clipboard

Zoom Transition

FlutterPageTransition.zoom(settings, NextPage());
copied to clipboard

Open Upwards Transition

FlutterPageTransition.openUpwards(settings, NextPage());
copied to clipboard

Fade Upwards Transition

FlutterPageTransition.fadeUpwards(settings, NextPage());
copied to clipboard

Custom Transition

class CustomPageTransitionsBuilder extends PageTransitionsBuilder {
@override
Widget buildTransitions<T>(
PageRoute<T> route,
BuildContext context,
Animation<double> animation,
Animation<double> secondaryAnimation,
Widget child,
) {
return _CustomPageTransition(routeAnimation: animation, child: child);
}
}

FlutterPageTransition.custom(settings, NextPage(), CustomPageTransitionsBuilder());
copied to clipboard
Usage #
import 'package:flutter/material.dart';
import 'package:flutter_page_transition_plus/flutter_page_transition_plus.dart';

class NextPage extends StatelessWidget { }

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: const NextPage(),
onGenerateRoute: (settings) => {
"/next": FlutterPageTransition.next(settings, NextPage()),
"/zoom": FlutterPageTransition.zoom(settings, NextPage()),
"/open/upwards": FlutterPageTransition.openUpwards(settings, NextPage()),
"/fade/upwards": FlutterPageTransition.fadeUpwards(settings, NextPage()),
"/custom": FlutterPageTransition.custom(settings, NextPage(), CustomPageTransitionsBuilder()),
}[settings.name],
);
}
}
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter