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

パッケージ詳細v1.0.1

spinner

固定サイズのウィジェットの円形リストを繰り返すシンプルなアニメーションスピンナー

30日間ダウンロード
15
いいね数
23
Pub ポイント
40

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

flutter pub add spinner

パッケージ概要

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

予め定義された固定サイズのウィジェットリストを円形に繰り返し表示するシンプルなアニメーションスパイラルを提供する、軽量なFlutterパッケージです。ロード状態や継続的なプロセスを示すのに最適で、滑らかな視覚フィードバックを提供します。カスタマイズ可能で、任意のUIに簡単に統合でき、非同期処理中のユーザー体験をクリーンかつ効率的に向上させる方法を提供します。

用途

  • フォーム内の読み込みインジケーター
  • 実行中のバックグラウンドタスクの表示
  • データ取得中のユーザーエクスペリエンスの向上
  • ナビゲーション遷移における視覚フィードバック
  • シンプルなアニメーションプレースホルダ

主な機能

  • 円形ウィジェットのサイクリング
  • 固定サイズのウィジェット対応
  • スムーズなアニメーション遷移
  • 最小限の構成が必要
  • 軽量でパフォーマンスに優れる

適している対象

  • シンプルな読み込みアニメーションを探している開発者
  • 繊細な視覚的サインが必要なUIデザイナー
  • 軽量な進行状況インジケータを必要とするアプリ
  • パフォーマンス制約が厳しいプロジェクト

注意事項

  • 固定サイズのウィジェットに限定
  • 回転速度の組み込みカスタマイズなし
  • 複雑なアニメーションには適していません
  • ウィジェットのライフサイクルを手動で処理する必要があります
  • 更新に外部のソースコードに依存しています

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Spinner

This flutter package implements a simple Spinner animation that cycles through any number of fixed size child widgets. Useful for selecting a random word from a list and displaying it to a user.

It can animate vertically, up or down:

Or horizontally, left or right:

Usage

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

Example

See the example project in the repo for a quick demo

API

Spinner has several useful parameters. You can see them used in the example file

  • duration: change the duration of the animation

  • animationSpeed: change how fast the animation moves and what index the animation lands on

  • spinDirection: change the direction of animation

  • containerCount: number of containers that should appear on screen

  • containerSize: for vertical scroll, this is the width of each container produced by the builder function. For horizontal, this is the height

  • builder: a function that takes in an integer and returns a widget with height/width of containerSize

  • curve: the curve for the animation to follow. Defaults to easeInOutCubic

  • callback: a function called when the animation completes

  • zoomFactor: optional zoom in by this amount during the animation. It looks something like this, with a zoom factor of 1.5:

カテゴリー

ソースリポジトリ

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

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