pub package GitHub stars GitHub forks GitHub license GitHub issues FlutterCandies

A ripple animation with backdrop of route.


Getting Started

Example Usage

import 'package:ripple_backdrop_animate_route/ripple_backdrop_animate_route.dart';

  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,


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