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,
),
暫無相關資料。