animated_number

패키지 설치

flutter pub add animated_number

패키지 개요

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

다이나믹한 UI를 위한 부드럽고 애니메이션된 숫자 전환을 가능하게 하는 플러터 패키지입니다. 정수 값 간의 변화를 자동으로 애니메이션 처리하여 카운터, 스코어 표시 또는 시간이 지남에 따라 업데이트되는 모든 수치 데이터에 이상적입니다. 가볍고 쉽게 통합할 수 있으며, 안드로이드, iOS, 웹, 맥OS, 윈도우, 리눅스 등 주요 플랫폼을 모두 지원합니다. 사용자 정의 가능한 지속 시간, 곡선 및 포맷 옵션을 통해 값 변경 시 시각적 피드백을 제공하여 사용자 경험을 향상시킵니다.

사용 사례

실시간 스코어 카운터
동적 통계 표시
진행률 표시기
애니메이션 가격 업데이트
카운트다운 타이머

주요 기능

부드러운 숫자 보간
사용자 정의 애니메이션 지속 시간
소수 지원
유연한 형식 옵션
크로스 플랫폼 호환성

적합한 대상

게임화 앱
대시보드 위젯
재무 추적 인터페이스
교육 앱
인터랙티브 UI 컴포넌트

고려 사항

정수 또는 소수 값에 가장 적합
복잡한 형식 지정을 위해 추가 스타일링이 필요할 수 있습니다
숫자 애니메이션에만 제한됨
비숫자 데이터에는 적합하지 않음
고주파 업데이트로 인한 성능 영향

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Animated Number flutter package

This is an custom widget developed for flutter with some awesome features that will make your users more satisfied when they look into their numbers.

Preview

Sample

Getting started

Supported platforms

	Android	iOS	Linux	macOS	Web	Windows
Support	SDK 16+	9.0+	Any	10.11+	Any	Any

Usage

To use this plugin, add animated_number as a dependency in your pubspec.yaml file.

Examples

AnimatedNumber(
    startValue: 0,
    endValue: 2000,
    duration: Duration(seconds: 2),
    isFloatingPoint: false,
    style: TextStyle(
    color: Colors.orange,
    fontSize: 24,
    ),
)

AnimatedNumber(
    startValue: 0,
    endValue: 5500.38273626732,
    duration: Duration(seconds: 5),
    isFloatingPoint: true,
    decimalPoint: 4,
    style: TextStyle(
        color: Colors.lightBlue,
        fontSize: 42,
    ),
)

Features

Properties	Type	Description
startValue	num	Desired start value.
endValue	num	Desired end value.
duration	Duration	Duration for the animation.
isFloatingPoint	bool	Flag that controls if the iteration of the animation will be integer or floating point.
decimalPoint	int	Desired decimal points.
style	TextStyle?	Text style.
textAlign	TextAlign?	How the text should be aligned horizontally.
prefixText	String?	Desired prefix text.
sufixText	String?	Desired sufix text.

Contact

Any questions, issues or improvements feel free to contact me.
yagon2395@gmail.com

License

MIT

카테고리

텍스트 장식, 효과 및 애니메이션

패키지, 저장소 및 앱 카테고리 검색