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/05/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.