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

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

animated_loading_border

ウィジェットの読み込み中にアニメーションされた枠線をプレースホルダーとして表示するためのモダンな方法を提供するパッケージで、カスタマイズが簡単ですぐに使用可能。

AndroidiOSWebmacOSWindowsLinux
pub.dev API ドキュメント ソースコード
30日間ダウンロード
1810
いいね数
88
Pub ポイント
150

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

flutter pub add animated_loading_border

パッケージ概要

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

ウィジェットの読み込み中に、モダンでカスタマイズ可能な視覚的インジケーターとしてアニメーション付きのボーダーを提供するFlutterパッケージです。複数のプラットフォームでのUIにスムーズに統合され、開発者が滑らかなアニメーション付きの動的なボーダーを簡単に適用できるように設計されています。シンプルな設計で最小限のセットアップで済みながら、色、太さ、アニメーション速度など、広範なカスタマイズオプションをサポートしています。非同期処理中のユーザーエクスペリエンス向上に最適です。

用途

  • 読み込み状態インジケーター
  • リスト内のプレースホルダーウィジェット
  • フォーム送信フィードバック
  • 画像またはデータの読み込み状態
  • インタラクティブコンポーネントのプレビュー

主な機能

  • カスタマイズ可能なボーダーカラーと幅
  • スムーズなアニメーションボーダーエフェクト
  • クロスプラットフォーム互換性
  • 既存のウィジェットとの簡単な統合
  • アニメーション速度と期間のカスタマイズ可能

適している対象

  • 現代的な読み込みビジュアルを探している開発者
  • マイクロインタラクションに焦点を当てるUI/UXデザイナー
  • 頻繁な非同期データ読み込みを伴うアプリ
  • 軽量なプレースホルダが必要なプロジェクト
  • 一貫した読み込みフィードバックを重視するチーム

注意事項

  • 境界ベースの読み込みインジケーターに制限
  • 複雑なレイアウトには追加のスタイリングが必要になる場合があります
  • アニメーションのパフォーマンスはデバイスの機能に依存します
  • 非境界ロードパターンには適していません
  • ロード状態の論理を手動で処理する必要があります

元の README

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

animated_loading_border

Flutter Website Dart Website MIT License

Key Definition

  • A package that gives us a modern way to show animated border as a placeholder while loading our widget with easy customization and ready to use.

Preview

animated_loading_border animated_loading_border

Basic Usage

Import it to your project file

import 'package:animated_loading_border/animated_loading_border.dart';

And add it in its most basic form like it:

AnimatedLoadingBorder(
  child: Container(),
  controller: (animationController) {
     // Here we get animationController     
  },
);
Required parameters of AnimatedLoadingBorder
Parameter Description
Widget child The child contained by the AnimatedLoadingBorder
Optional parameters of AnimatedLoadingBorder
Parameter Default Description
ValueChanged? controller -- Callback that gives the AnimationController of the AnimatedLoadingBorder
Duration duration Duration(seconds: 4) Defines the animation duration
double cornerRadius 0.0 Defines the corner radius of the border
double borderWidth 1 Defines the width of the border
Color borderColor Colors.black Defines the color of the border
Color trailingBorderColor Colors.black Defines the color for the trailing part of the border
EdgeInsets padding EdgeInsets.zero Used to add child widget padding
bool startWithRandomPosition true Used to set starting position of SweepGradient
bool isTrailingTransparent true Used to set starting color of SweepGradient
Guideline for contributors
  • Contribution towards my repository is always welcome, i request contributors to create a pull request for development.
Guideline to report an issue/feature request

It would be great for me if the reporter can share the below things to understand the root cause of the issue.

  • Library version
  • Code snippet
  • Logs if applicable
  • Device specification like (Manufacturer, OS version, etc)
  • Screenshot/video with steps to reproduce the issue
  • Library used

LICENSE!

animated_loading_border is MIT-licensed.

カテゴリー

プレースホルダ

ソースリポジトリ

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

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