FLUTTER ECOSYSTEM

Sorbh/kdGaugeViewFlutter

KDGaugeView は、Flutter用のシンプルでカスタマイズ可能なゲージコントロールです

kdGaugeViewFlutter のプロジェクト画像
Stars
7
Forks
22
最終プッシュ(UTC)
2023/06/25
プロジェクト状態
公開中
Saurabh kumar GitHub avatar
GITHUB User

Saurabh kumar ↗

Android Developer | Tech Enthusiast

Jaipur
言語DartHTMLSwiftKotlinObjective-C

技術トピック

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

使用している依存関係

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

元の README

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

README を開く / 閉じる

KdGaugeViewFlutter

KDGaugeView is a simple and customizable gauge control for Android inspired by KdGaugeView

The source code is 100% Dart.

pub package License

Motivation

I need some clean Guage view for my Flutter application.

Getting started

Installing

Add this to your package's pubspec.yaml file:

This library is posted in pub.dev

pubspec.yaml
dependencies:  
	kdgaugeview: ^1.0.4

Usage

After Importing this library, you can directly use this view in your Widget tree

import  'package:kdgaugeview/kdgaugeviewflutter.dart';
 GlobalKey<KdGaugeViewState> key = GlobalKey<KdGaugeViewState>();
KdGaugeView(
    key: key,
    minSpeed: 0,
    maxSpeed: 180,
    speed: 70,
    animate: true,
)

Update the speed of the Gauge View using this method

key.currentState.updateSpeed(120, animate: true,duration: Duration(milliseconds: 400));

Customization

Depending on your view you may want to tweak the UI. For now you can these custom attributes

Property Type Description
'speed' double Initial speed for the Gauge
'speedTextStyle' TextStyle Text Style for Speed Text

Screenshots

alt text        alt text

Author

  • Saurabh K Sharma - GIT

    I am very new to open source community. All suggestion and improvement are most welcomed.

Contributing

  1. Fork it (https://github.com/sorbh/kdgaugeViewflutter/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request