flutter pub add animated_progress_button基于插件公开信息、社区数据与项目使用情况整理的选型参考。
animated_progress_button 包通过流畅且视觉上吸引人的动画增强了标准按钮，其灵感来自 Pinterest。它允许开发者创建可在不同状态（如空闲、加载和成功）之间过渡的交互式进度按钮，并支持自定义视觉效果和行为。非常适合现代用户界面，可为表单提交或数据处理等操作提供动态反馈。该包轻量且易于集成，无需复杂代码即可为用户界面增添精致体验。其动画样式旨在通过响应式反馈提升用户参与度。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Animated loading button to make you app button looks smoother. Take inspritation from Pinterest https://www.pinterest.com/pin/671177150707141229/
Create animatedButtonController for controlling the button.
import 'package:animated_progress_button/animated_progress_button.dart';
final AnimatedButtonController animatedButtonController = AnimatedButtonController();
Then customize the button like your own way
Noted that you must call animatedButtonController.completed() after getting response from server in order to complete the button animation
AnimatedButton(
controller: animatedButtonController,
color: Colors.greenAccent,
text: 'Log in',
loadingText: 'Loading',
loadedIcon: Icon(Icons.check, color: Colors.white),
onPressed: () async {
/// calling your API here and wait for the response.
await Future.delayed(Duration(seconds: 5)); // simulated your API requesting time.
animatedButtonController.completed(); // call when you get the response
await Future.delayed(Duration(seconds: 2));
animatedButtonController.reset(); // call to reset button animation
},
),
暂无相关数据。