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

ducafecatFlutter エコシステムナビ
skeleton_animation のカバー
パッケージ詳細v0.1.4

skeleton_animation

アプリでスケルトンアニメーションを表示します。Android、iOS、Webで動作します。

pub.dev API ドキュメント ソースコード
30日間ダウンロード
48
いいね数
33
Pub ポイント
70

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

flutter pub add skeleton_animation

パッケージ概要

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

skeleton_animation パッケージは、Android、iOS、Web プラットフォームの Flutter アプリでスケルトンプレースホルダーを表示する簡単な方法を提供します。コンテンツが完全に読み込まれる前の状態を模倣するアニメーション灰色の形状で、UI 要素の読み込み状態を再現します。データ取得中の認識されるパフォーマンス向上に最適であり、視覚的な急変を軽減することで、滑らかなユーザー体験を維持します。このパッケージは軽量で、複雑な設定なしに既存のウィジェットにシームレスに統合できます。

用途

  • リストの読み込み画面
  • 画像のプレースホルダービュー
  • データ取得中のレイアウトシフトを防ぐ
  • ネットワーク遅延中のUXの向上
  • フォーム内のアニメーションコンテンツプレースホルダー

主な機能

  • クロスプラットフォーム対応（Android、iOS、Web）
  • 既存のウィジェットとの簡単な統合
  • アニメーション化されたスケルトンの形状
  • 必要な最小構成
  • 軽量でパフォーマンスに優れる

適している対象

  • 動的UIを構築する開発者
  • 頻繁にデータを読み込むアプリ
  • UXに焦点を当てたアプリケーション
  • インタラクティブな画面のプロトタイピング
  • 認識される読み込み時間を短縮することを目指すプロジェクト

注意事項

  • 限定されたカスタマイズオプション
  • カスタムアニメーション速度の組み込みサポートなし
  • 可視性状態の手動処理が必要です
  • 静的プレースホルダーデザインには適していません
  • 高度な機能には外部の依存関係に依存しています

元の README

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

skeleton_animation

Pub Version

Creates a simple skeleton animation that can be used on android, iOS and the web.

How to use

import 'package:skeleton_animation/skeleton_animation.dart';

Skeleton(
  height: 12,
  style: SkeletonStyle.text
),

// or

SkeletonText(
  height: 12
)

カテゴリー

プレースホルダ

ソースリポジトリ

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

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