flutter pub add ripple_backdrop_animate_route基于插件公开信息、社区数据与项目使用情况整理的选型参考。
RippleBackdropAnimateRoute 是一个 Flutter 包，可在路由之间导航时提供视觉上引人入胜的涟漪动画和背景效果。它创建了一个透明叠加层，并带有动态涟漪动画，使开发者能够自定义路由过渡的视觉效果。该包支持路由内的任意小部件，并在样式和行为方面提供了灵活性。适用于现代、交互式 UI，通过跨多个平台的平滑、动画化导航效果提升用户体验。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
A ripple animation with backdrop of route.
Screenshot:
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,
);
| 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 |
暂无相关数据。