flutter pub add countdown_progress_indicator基于插件公开信息、社区数据与项目使用情况整理的选型参考。
一个可自定义的倒计时计时器小部件，适用于 Flutter，支持暂停和恢复功能。它提供了一个视觉上吸引人的进度指示器来显示剩余时间，非常适合用于限时任务、测验或专注会话。该包轻量且能无缝集成到跨多个平台的 Flutter 应用中。开发者可以轻松调整颜色、大小和动画样式，以匹配其应用的设计。本着简单和灵活的理念构建，它在时间敏感的交互中提升了用户体验。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Customizable countdown timer for Flutter
To use this package, add countdown_progress_indicador as a dependency in your pubspec.yaml file.
dependencies:
...
countdown_progress_indicador: ^0.1.3
In your project add the following import:
import 'package:countdown_progress_indicator/countdown_progress_indicator.dart';
This widget starts the countdown automatically by default and supports pause and resume actions.
If you want to support these actions, implement a CountdownController as the example above:
SizedBox(
height: 200,
width: 200,
child: CountDownProgressIndicator(
controller: _controller,
valueColor: Colors.red,
backgroundColor: Colors.blue,
initialPosition: 0,
duration: 20,
text: 'SEC',
onComplete: () => null,
),
),
If you want to show a text different than the time in seconds, you can implement a custom time formatter.
CountDownProgressIndicator(
controller: _controller,
valueColor: Colors.red,
backgroundColor: Colors.blue,
initialPosition: 0,
duration: 365,
timeFormatter: (seconds) {
return Duration(seconds: seconds)
.toString()
.split('.')[0]
.padLeft(8, '0');
},
text: 'hh:mm:ss',
onComplete: () => null,
),
暂无相关数据。