カテゴリー・パッケージ・リポジトリを検索

パッケージ詳細v1.0.2

flutter_speedometer

Flutter開発者が簡単にスピードメーターをアプリに統合できるシンプルなウィジェットで、カスタマイズ可能なオプションを提供します

30日間ダウンロード
63
いいね数
15
Pub ポイント
40

パッケージをインストール

flutter pub add flutter_speedometer

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Flutterアプリケーション向けのシンプルでカスタマイズ可能なスピードメーター・ウィジェットで、開発者が簡単に動的なスピード可視化を組み込み、調整可能な設定を提供します。直感的な操作を意識して設計されており、スムーズなアニメーションと応答性のあるデザインをサポートしており、ダッシュボードやフィットネスアプリ、リアルタイムのスピードインジケータが必要なあらゆるアプリに最適です。軽量であり、pub.dev経由でシームレスに統合可能で、GitHub上でソースコードも公開されているため、透明性とカスタマイズが可能です。

用途

  • ダッシュボードウィジェット
  • フィットネストラッキングアプリ
  • 車両のスピード表示
  • リアルタイムデータ可視化
  • 教育アプリ

主な機能

  • カスタマイズ可能なニードルカラー
  • 調整可能な速度範囲
  • スムーズなアニメーション遷移
  • 設定可能なスケール目盛り
  • レスポンシブデザインのサポート
  • pub.dev を通じた簡単な統合

適している対象

  • 視覚フィードバックを求めているUIデザイナー
  • ダッシュボードを開発する開発者
  • リアルタイムメトリクスを必要とするアプリ
  • 初心者のFlutter開発者
  • パフォーマンスに敏感なUIを備えたプロジェクト

注意事項

  • 速度の可視化のみに限定
  • 組み込みのデータバインディングなし
  • 手動での値の更新が必要です
  • 高頻度の更新には最適化されていません
  • 基本的な使用法を超える最小限のドキュメント

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

flutter_speedometer

Flutter Speedometer widget package

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 🍻 

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。