ducafecatFlutter 생태계 탐색
FLUTTER ECOSYSTEM

gonuit/gauge_indicator

gonuit/gauge_indicator open-source repository details.

GitHub에서 보기 ↗
gauge_indicator 프로젝트 이미지
Stars
34
Forks
19
최근 푸시(UTC)
2026. 5. 27.
프로젝트 상태
활성
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.