분류, 패키지 및 저장소 검색

패키지 상세v1.0.2

flutter_speedometer

Flutter 개발자가 앱에 속도계를 쉽게 통합할 수 있도록 도와주는 간단한 위젯이며, 사용자 정의 가능한 옵션을 제공합니다

30일 다운로드
63
좋아요
15
Pub 점수
40

패키지 설치

flutter pub add flutter_speedometer

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Flutter 애플리케이션용 간단하고 사용자 정의 가능한 속도계 위젯으로, 개발자가 쉽게 동적 속도 시각화를 통합하고 조정 가능한 설정을 제공합니다. 직관적인 사용을 위해 설계되었으며 부드러운 애니메이션과 반응형 디자인을 지원하여 대시보드, 피트니스 앱 또는 실시간 속도 표시가 필요한 모든 앱에 적합합니다. 가벼운 크기로 pub.dev를 통해 원활하게 통합되며, 소스 코드는 GitHub에서 공개되어 있어 투명성과 맞춤형 수정이 가능합니다.

사용 사례

  • 대시보드 위젯
  • 피트니스 트래킹 앱
  • 차량 속도 표시
  • 실시간 데이터 시각화
  • 교육 앱

주요 기능

  • 사용자 지정 가능한 나침반 색상
  • 조절 가능한 속도 범위
  • 부드러운 애니메이션 전환
  • 사용자 정의 가능한 눈금 표시
  • 반응형 디자인 지원
  • pub.dev를 통한 간편한 통합

적합한 대상

  • 시각적 피드백을 원하는 UI 디자이너
  • 대시보드를 개발하는 개발자
  • 실시간 메트릭이 필요한 앱
  • 초보자 플러터 개발자
  • 성능에 민감한 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 🍻 

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.