ripple_backdrop_animate_route 1.1.0 icon indicating copy to clipboard operation
ripple_backdrop_animate_route: ^1.1.0 copied to clipboard

A ripple animation with backdrop of route. This will create a transparent page with a ripple backdrop animation to animate the widgets. You can place any widgets inside can customize the effect.

ripple_backdrop_animate_route #

pub package GitHub stars GitHub forks GitHub license GitHub issues FlutterCandies

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 #

NameDescriptionDefault
childChild for page.-
childFadeWhen enabled, [child] will fade in when animation is going and fade out when popping.false
durationAnimation's duration, including [Navigator.push], [Navigator.pop].300
blurRadiusBlur radius for [BackdropFilter].20.0
bottomButton[Widget] for bottom of the page.-
bottomHeightThe height which [bottomButton] will occupy.kBottomNavigationBarHeight
bottomButtonRotateWhen enabled, [bottomButton] will rotate when to animation is going.true
bottomButtonRotateDegreeThe degree which [bottomButton] will rotate.45.0
24
likes
120
pub points
76%
popularity

Publisher

verified publisher iconfluttercandies.com

A ripple animation with backdrop of route. This will create a transparent page with a ripple backdrop animation to animate the widgets. You can place any widgets inside can customize the effect.

Homepage

Documentation

API reference

License

Icon for licenses.MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on ripple_backdrop_animate_route