FLUTTER ECOSYSTEM

gonuit/gauge_indicator

gonuit/gauge_indicator open-source repository details.

gauge_indicator प्रोजेक्ट कवर
Stars
34
Forks
19
अंतिम पुश (UTC)
27 मई 2026
प्रोजेक्ट स्थिति
सक्रिय
Kamil Klyta GitHub avatar
GITHUB User

Kamil Klyta ↗

Dart (Flutter), TypeScript/JavaScript (React, Node.js) full stack developer.

Poland
भाषाएँDartC++CMakeGLSLRubySwiftHTMLCKotlinObjective-C

इस रिपॉज़िटरी के पैकेज

उपयोग की गई निर्भरताएँ

निर्भरता सूची 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.gif

Check 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.