Description:

ripple backdrop animate route

ripple_backdrop_animate_route #






A ripple animation with backdrop of route.
Screenshot:

Getting Started #
Example Usage #
import 'package:ripple_backdrop_animate_route/ripple_backdrop_animate_route.dart';

///...

RippleBackdropAnimatePage.show(
context: context,
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Text('This is ripple backdrop animate page.'),
],
),
childFade: true,
duration: 300,
blurRadius: 20,
bottomButton: Icon(Icons.visibility),
bottomHeight: 60,
bottomButtonRotate: false,
);
copied to clipboard
Parameters #



Name
Description
Default




child
Child for page.
-


childFade
When enabled, [child] will fade in when animation is going and fade out when popping.
false


duration
Animation's duration, including [Navigator.push], [Navigator.pop].
300


blurRadius
Blur radius for [BackdropFilter].
20.0


bottomButton
[Widget] for bottom of the page.
-


bottomHeight
The height which [bottomButton] will occupy.
kBottomNavigationBarHeight


bottomButtonRotate
When enabled, [bottomButton] will rotate when to animation is going.
true


bottomButtonRotateDegree
The degree which [bottomButton] will rotate.
45.0

License

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

Share

• Share on Facebook
• Share on Twitter