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,
);
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 |