v0.6.0gauge_indicator
一個動畫的、高度可自訂的、開源的 Flutter 指針儀表小工具。
217喜歡 2萬近 30 天下載160Pub 分數
AndroidiOSWebmacOSWindowsLinux
gonuit/gauge_indicator
gonuit/gauge_indicator open-source repository details.
- Stars
- 34
- Forks
- 19
- 最近推送（UTC）
- 2026年5月27日
- 專案狀態
- 未封存
GITHUB User
Kamil Klyta ↗
語言DartC++CMakeGLSLRubySwiftHTMLCKotlinObjective-C
此儲存庫發佈的套件
v0.6.0使用的依賴
依賴清單 3 項
- flutter
{"sdk":"flutter"} - flutter_lints開發依賴
^5.0.0 - flutter_test開發依賴
{"sdk":"flutter"}
原始 README
以下為英文專案原文快照，最新內容請造訪 GitHub。
展開 / 收合專案 README
Radial gauge
Animated, highly customizable, open-source Flutter gauge indicator widget.
https://raw.githubusercontent.com/gonuit/gauge_indicator/854f73cc961899b0820101aa8fc2e68d289b16ee/readme/space_gauge.gifCheck out a working example! 🔗
Examples
Click any thumbnail to open it in the hosted playground. Source for each lives in example/lib/examples/.
| Getting started Getting started |
Zones Zones |
Active zone Active zone |
| Zone labels Zone labels |
Thermometer Thermometer |
Step goal Step goal |
| Voltmeter Voltmeter |
Activity rings Activity rings |
Live heart rate Live heart rate |
| Rank progression Rank progression |
Progress bar shader Progress bar shader |
Usage
Install:
flutter pub add gauge_indicator
Drop an AnimatedRadialGauge (or RadialGauge) into your tree, sized by its parent:
import 'package:gauge_indicator/gauge_indicator.dart';
SizedBox(
width: 280,
height: 200,
child: AnimatedRadialGauge(
duration: const Duration(milliseconds: 800),
value: 65,
axis: const GaugeAxis(min: 0, max: 100),
),
)
Pointers, progress bars, zones, gradients, and labels are all opt-in via the GaugeAxis config — see the gallery above for working setups.