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.