パッケージ、リポジトリ、アプリカテゴリを検索

パッケージ詳細v1.0.2

animated_number

アニメーション付きの数字を作成するためのFlutterパッケージ。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
181
いいね数
30
Pub ポイント
150

パッケージをインストール

flutter pub add animated_number

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

動的なUIに滑らかでアニメーション付きの数値遷移を可能にするFlutterパッケージです。整数値間の変化を自動的にアニメーション化し、カウンター、スコア表示、または時間とともに更新される任意の数値データに最適です。軽量で簡単に統合でき、Android、iOS、Web、macOS、Windows、Linuxなどすべての主要プラットフォームをサポートしています。カスタマイズ可能な期間、カーブ、フォーマットオプションにより、値の変更時に視覚フィードバックを提供し、ユーザー体験を向上させます。

用途

  • リアルタイムスコアカウンター
  • 動的統計表示
  • 進行状況インジケーター
  • アニメーション価格の更新
  • カウントダウンタイマー

主な機能

  • スムーズな数値補間
  • カスタマイズ可能なアニメーション期間
  • 小数のサポート
  • 柔軟なフォーマットオプション
  • クロスプラットフォーム互換性

適している対象

  • ゲーム化アプリ
  • ダッシュボードウィジェット
  • 財務トラッキングインターフェース
  • 教育アプリ
  • インタラクティブ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

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。