gonuit/gauge_indicator

README original

Texto original em inglês. Visite o GitHub para a versão atual.

Expandir / recolher 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.

gonuit/gauge_indicator

Kamil Klyta ↗

Pacotes publicados por este repositório

gauge_indicator

Dependências usadas

README original

Radial gauge

Check out a working example! 🔗

Examples

Usage