搜尋套件、儲存庫與 APP 分類

animated_loading_border 封面
套件詳情v0.0.2

animated_loading_border

一個套件,可讓我們以現代化的方式在載入元件時顯示動畫邊框作為佔位符,易於自訂且即開即用。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
1810
喜歡數
88
Pub 分數
150

安裝套件

flutter pub add animated_loading_border

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

一個 Flutter 套件,提供一種動畫邊框作為載入佔位符,於小部件載入期間提供現代且可自訂的視覺指示器。它能無縫整合至多個平台的使用者介面中,讓開發者輕鬆套用具有平滑動畫的動態邊框。此套件設計簡潔,設定簡單,同時支援廣泛的自訂選項,例如顏色、粗細與動畫速度。非常適合在非同步作業期間提升使用者體驗。

適用情境

  • 加載狀態指示器
  • 列表中的佔位符小部件
  • 表單提交反饋
  • 圖像或數據加載狀態
  • 互動式組件預覽

主要特色

  • 可自定的邊框顏色和寬度
  • 平滑的動畫邊框效果
  • 跨平台相容性
  • 與現有小部件的輕鬆整合
  • 可設定的動畫速度和持續時間

適合對象

  • 尋求現代加載視覺效果的開發者
  • 專注於微互動的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.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。