FLUTTER ECOSYSTEM

jagan999/customgauge

Flutter用に完全にカスタマイズ可能なゲージウィジェット

customgauge のプロジェクト画像
Stars
11
Forks
4
最終プッシュ(UTC)
2021/04/19
プロジェクト状態
公開中
Jagannathan S GitHub avatar
GITHUB User

Jagannathan S ↗

言語DartKotlinSwiftObjective-C

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

使用している依存関係

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

元の README

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

README を開く / 閉じる

customgauge

Fully customizable Gauge widget for Flutter

https://github.com/jagan999/customgauge/raw/master/GaugeExample.jpg

Installing:

In your pubspec.yaml, add the following dependency

dependencies:
  customgauge: 1.0.0

Example Usage:

import 'package:customgauge/customgauge.dart';

CustomGauge(
    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