v0.6.0gauge_indicator
Ein animiertes, hochgradig anpassbares, Open-Source-Flutter-Gauge-Widget.
217Likes 19.50030-Tage-Downloads160Pub-Punkte
AndroidiOSWebmacOSWindowsLinux
gonuit/gauge_indicator
gonuit/gauge_indicator open-source repository details.
- Stars
- 34
- Forks
- 19
- Letzter Push (UTC)
- 27.05.2026
- Projektstatus
- Aktiv
GITHUB User
Kamil Klyta ↗
SprachenDartC++CMakeGLSLRubySwiftHTMLCKotlinObjective-C
Von diesem Repository veröffentlichte Pakete
v0.6.0Verwendete Abhängigkeiten
Abhängigkeiten 3 Einträge
- flutter
{"sdk":"flutter"} - flutter_lintsEntwicklung
^5.0.0 - flutter_testEntwicklung
{"sdk":"flutter"}
Original-README
Englischer Projektschnappschuss. Aktuelle Inhalte auf GitHub.
Projekt-README ein-/ausklappen
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.