FLUTTER ECOSYSTEM

ltdangkhoa/Flutter-Speedometer

Flutter スピードメーター ウィジェット パッケージ

Flutter-Speedometer のプロジェクト画像
Stars
14
Forks
11
最終プッシュ(UTC)
2022/02/11
プロジェクト状態
公開中
Kris GitHub avatar
GITHUB User

Kris ↗

@VNAppMob
言語DartObjective-CJava

技術トピック

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

使用している依存関係

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

元の README

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

README を開く / 閉じる

flutter_speedometer

Flutter Speedometer widget package

https://raw.githubusercontent.com/ltdangkhoa/Flutter-Speedometer/HEAD/flutter_speedometer_2.png

Getting Started

In order to use this package, do import

import 'package:flutter_speedometer/flutter_speedometer.dart';

Basic implementation can be done like below code:

import 'package:flutter/material.dart';
import 'package:flutter_speedometer/flutter_speedometer.dart';

void main() {
  runApp(
    Center(
      child: Speedometer(
        size: 250,
        minValue: 0,
        maxValue: 180,
        currentValue: 76,
        warningValue: 150,
        displayText: 'mph',
      ),
    ),
  );
}
Example App

You can find more examples from Example App

API

In this table, you can find all attributes provided by this package:

Attribute Default value Description
size 200 Min value to be displayed
minValue 0 Min value to be displayed
maxValue 100 Max value to be displayed
currentValue 0 Set the current value
warningValue 80 Set the current value
Objects
class Speedometer {

    final double size;
    final int minValue;
    final int maxValue;
    final int currentValue;
    final int warningValue;
    final Color backgroundColor;
    final Color meterColor;
    final Color warningColor;
    final Color kimColor;
    final TextStyle displayNumericStyle;
    final String displayText;
    final TextStyle displayTextStyle;
}
Feedback

Feel free to leave any feedback for helping support this package 🍻