flutter pub add circular_countdown根據套件公開資料產生的選型評估，僅供參考。
一個 Flutter 套件，提供可自訂的圓形倒數計時器，適用於顯示天數、小時、分鐘、秒數，甚至是點數等抽象值。它具備平滑的動畫與直覺的介面，非常適合需要視覺倒數計時功能的應用程式，例如計時器、遊戲或任務追蹤器。此套件支援多個平台，包含 Android、iOS、Web、macOS、Windows 與 Linux。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
A package that represents a circular countdown that you can use for every kind of units (days, hours, seconds, points, ...).
A web demo is available here : https://mattisbrizard.github.io/circular_countdown/#/
In the pubspec.yaml of your flutter project, add the following dependency:
dependencies:
...
circular_countdown: ^2.1.0
In your library add the following import:
import 'package:circular_countdown/circular_countdown.dart';
This is the way to create a simple static countdown.
import 'package:flutter/material.dart';
...
return CircularCountdown(
countdownTotal: 10,
countdownRemaining: 7,
);
...
By playing with the parameters, you can change the size, the colors, the size of the gaps, the strokeWidth and more to have more complex Countdowns.
If you want to have full control on the timer (start, pause, etc), please see the section Controlled countdown below.
If you want to use the CircularCountdown widget as a Time Countdown, you can use the built-in TimeCircularCountdown that wraps the timer logic for you: (see how in example)
return TimeCircularCountdown(
unit: CountdownUnit.seconds,
countdownTotal: 30,
onUpdated: (unit, remainingTime) => print('Updated'),
onFinished: () => print('Countdown finished'),
);
You can repeat the timer when ended by using the repeat bool property.
To have full control on the timer (play, pause, reset, shared between mutliple screen, etc), you can use CircularCountdown with the timer_controller library.
You can see the code in the example app.
If you find a bug or want a feature, but don't know how to fix/implement it, please fill an issue. If you fixed a bug or implemented a feature, please send a pull request.