flutter_speedometer

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个简单且可自定义的速度计小部件，适用于 Flutter 应用程序，使开发者能够轻松集成动态速度可视化，并支持可调节的设置。设计直观，支持平滑动画和响应式布局，非常适合仪表盘、健身应用或任何需要实时速度指示器的应用。该小部件轻量级，可通过 pub.dev 无缝集成，源代码可在 GitHub 上获取，以确保透明度和可定制性。

适合场景

仪表板小部件
健身追踪应用
车辆速度显示
实时数据可视化
教育类应用

主要特点

可自定义的指针颜色
可调节速度范围
平滑的动画过渡
可配置的刻度标记
响应式设计支持
通过 pub.dev 实现轻松集成

适合对象

寻求视觉反馈的UI设计师
开发仪表板的开发者
需要实时指标的应用程序
初学者 Flutter 开发者
性能敏感的 UI 的项目

使用建议

仅限速度可视化
无内置数据绑定
需要手动更新值
未针对高频更新进行优化
基本用法之外的最小文档

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

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 🍻

搜索分类、插件与代码仓