loading_overlay_pro

套件介紹

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

loading_overlay_pro 是一個 Flutter 套件，提供簡單的 widget 包裝器，帶有可自訂的載入動畫，適用於 Flutter 應用程式。它讓開發者能夠輕鬆地在任何 widget 或螢幕上顯示載入指示器，進而提升異步作業期間的使用者體驗。此套件支援 Android、iOS、Web、macOS、Windows 及 Linux 多個平台，使其適用於跨平台專案。透過最少的設定與直覺的 API，能順暢整合至現有應用中，以流暢的動畫呈現載入狀態。

適用情境

在 API 呼叫期間顯示載入覆蓋層
顯示表單或資料處理中的進度
增強導航過渡期間的使用者體驗
在後台任務期間提供反饋
實現下拉刷新加載狀態

主要特色

可自定義的載入動畫
與現有組件的輕鬆整合
跨平台支援
可設定的覆蓋層外觀
支援多種載入類型
輕量且高效能

適合對象

開發跨平台 Flutter 應用的開發者
重視使用者體驗的團隊會提供載入反饋
需要簡單而優雅的加載指示器的專案
頻繁執行非同步操作的應用程式
面向前端的 Flutter 開發

使用建議

可能需要額外的樣式來支援複雜的使用者介面
與完整客製化解決方案相比，自訂選項有限
嵌套覆蓋層可能帶來的效能影響
不太適合高度動畫或互動式載入畫面
依賴於正確的狀態管理以實現最佳使用

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

A simple widget wrapper set of loading animations for Flutter projects.

Use animation from loading_animations

Getting Started

Then import the file to your project:

import 'package:loading_overlay_pro/loading_overlay_pro.dart'

Then add the following code:

 LoadingOverlayPro({
    Key key,
    @required this.isLoading,
    @required this.child,
    this.colorBackground = Colors.black54,
    this.progressIndicator = const LoadingBouncingLine.circle(),
  });

Or customize it even more!

LoadingBouncingLine.circle(
  borderColor: Colors.cyan,
  borderSize: 3.0,
  size: 120.0,
  backgroundColor: Colors.cyanAccent,
  duration: Duration(milliseconds: 500),
);

or add header and bottom

      headerLoading: Text("App Name"),
      bottomLoading: Text("Loading..."),

For more customization, please look inside the loading animation files.

Note: all the animations come ready to go just by calling LoadingBouncingLine.square(), for example.

Many basic animations contain .circle() and .square() variations by default.

Example

To run file example, please use flutter 1.19.x or 1.20.x

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