Flutter Speedometer Widget Package

Flutter Speedometer Widget Package

flutter_speedometer .Flutter Speedometer widget package

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;
}

Download Details:

Author: ltdangkhoa

GitHub: https://github.com/ltdangkhoa/Flutter-Speedometer

flutter dart programming

What's new in Bootstrap 5 and when Bootstrap 5 release date?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Random Password Generator Online

HTML Color Picker online | HEX Color Picker | RGB Color Picker

Dart Programming Tutorial | Learn the Dart for Flutter

Learn Dart Programming for Flutter- Beginners Tutorial - Udemy Free Course

Flutter Tutorial for Beginners 5 - Learning Dart Basics | Dart Programming - Loops

Flutter Tutorial for Beginners 5 - Learning Dart Basics | Dart Programming - Loops. We will learn the basics of Dart. Dart is Object Oriented Language Developed By Google which is Primarily used for building websites, servers, and mobile apps. Flutter is an open-source UI software development kit created by Google.Flutter is SDK that makes creating high-performing, modern and good looking apps. Flutter is easy and Works for both Android and iOS. Flutter is An open-source toolkit, developed by Google.

Charts Library for Flutter, written in Dart with Flutter

Charts Library for Flutter, written in Dart with Flutter.. LineChart and VerticalBarChart Library for Flutter

Flutter component concept created with Flutter using Dart programming

Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Rab Bar. This component was created inspired by the GIF at the end of this page.

Flutter for Beginners 2020 - Build a Flutter App with Google's Flutter & Dart

Free Flutter Introduction for Beginners: Get Started with Flutter and learn how to build an iOS and Android app with Flutter! Flutter Crash Course for Beginners 2020 - Build a Flutter App with Google's Flutter & Dart