flutter_speedometer

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A simple and customizable speedometer widget for Flutter applications, enabling developers to easily integrate dynamic speed visualization with adjustable settings. Designed for intuitive use, it supports smooth animations and responsive design, making it ideal for dashboards, fitness apps, or any app requiring real-time speed indicators. The widget is lightweight and integrates seamlessly via pub.dev, with source code available on GitHub for transparency and customization.

Use cases

Dashboard widgets
Fitness tracking apps
Vehicle speed displays
Real-time data visualization
Educational apps

Key features

Customizable needle color
Adjustable speed range
Smooth animation transitions
Configurable scale markings
Responsive design support
Easy integration via pub.dev

Suitable for

UI designers seeking visual feedback
Developers building dashboards
Apps requiring real-time metrics
Beginner Flutter developers
Projects with performance-sensitive UIs

Considerations

Limited to speed visualization only
No built-in data binding
Requires manual value updates
Not optimized for high-frequency updates
Minimal documentation beyond basic usage

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

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 🍻

Search categories, packages and repositories