搜尋分類、套件與程式碼儲存庫

套件詳情v1.0.2

flutter_speedometer

一個簡單的 widget,讓 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 🍻 

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。