FLUTTER ECOSYSTEM

JErazo7/gauge

複数のセグメント、色、カスタマイズ可能なスタイルを備えたゲージをカスタマイズするためのFlutterパッケージで、現在の値とテキストを表示できます。

ゲージ のプロジェクト画像
Stars
2
Forks
8
最終プッシュ(UTC)
2022/01/20
プロジェクト状態
公開中
Josue Erazo GitHub avatar
GITHUB User

Josue Erazo ↗

Senior Mobile & Applied AI Engineer | Flutter Expert | High-Impact IC ($4M+ Revenue Features) | Building Agentic Workflows

MGM Resorts InternationalEcuador
言語DartKotlinSwiftObjective-C

技術トピック

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 2 件
  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

pretty_gauge

Fully customizable Gauge widget for Flutter

https://github.com/JErazo7/gauge/raw/master/GaugeExample.jpg

Installing:

In your pubspec.yaml, add the following dependency

dependencies:
  pretty_gauge: 1.0.0

Example Usage:

import 'package:pretty_gauge/pretty_gauge.dart';

PrettyGauge(
    gaugeSize: 200,
    segments: [
        GaugeSegment('Low', 20, Colors.red),
        GaugeSegment('Medium', 40, Colors.orange),
        GaugeSegment('High', 40, Colors.green),
    ],
    currentValue: 46,
    displayWidget: Text('Fuel in tank', style: TextStyle(fontSize: 12)),
),

Features:

  • Fully featured Gauge widget that is built from scratch
  • Can have any number of segments in the Gauge with different segment length and colors
  • Gauge can have any dimension (square dimension only) with any minimum and maximum value
  • Needle color can be customized
  • Display and Value widget can be customized, so that you can display what you want on the Gauge
  • Can turn on/off markers that display Min and Max value on the Gauge. You can even style these markers!

License:

This project is licensed under the BSD 2-Clause license - see the LICENSE file for details