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

flutter_svprogresshud 封面
套件詳情v1.1.0

flutter_svprogresshud

一個乾淨輕量的 Flutter 進度 HUD,基於 SVProgressHUD。

AndroidiOS
近 30 天下載
357
喜歡數
52
Pub 分數
130

安裝套件

flutter pub add flutter_svprogresshud

套件介紹

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

一個乾淨輕量的進度HUD,適用於Flutter應用,靈感來自SVProgressHUD。它提供了一種簡單優雅的方式來顯示載入指示器、成功訊息和錯誤資訊,而不會干擾使用者體驗。專為Android和iOS設計,可輕鬆整合到現有的Flutter專案中,設定簡單。該套件提供了可自訂的外觀和行為,同時保持高效能和回應性。

適用情境

  • 在網絡請求期間顯示加載狀態
  • 操作後顯示成功或錯誤訊息
  • 增強表單提交期間的使用者體驗
  • 在後台任務期間提供反饋
  • 簡化移動應用中的載入介面

主要特色

  • 輕量且快速
  • 跨平台支援(Android 與 iOS)
  • 可自定外觀
  • 用於顯示/隱藏HUD的簡單API
  • 支援多種訊息類型(成功、錯誤、資訊)
  • 與 Flutter 小部件的輕鬆整合

適合對象

  • 尋求極簡加載指示器的開發人員
  • 需要持續進度反饋的應用程式
  • 優先考慮流暢使用者體驗過渡的專案
  • 在原生平台上使用 SVProgressHUD 的團隊
  • 需要快速實現HUD組件的Flutter應用

使用建議

  • 超出基本樣式之外的自訂有限
  • 無內建動畫控制
  • 依賴原生平台渲染
  • 可能需要額外處理以應付複雜的UI流程
  • 不適合高度自訂的HUD設計

原始 README

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

🚀 Ship Your App Faster: Try Fastforge - The simplest way to build, package and distribute your Flutter apps.

flutter_svprogresshud

pub version

A clean and lightweight progress HUD for flutter app, based on SVProgressHUD.

The plugin supports almost all of SVProgressHUD APIs, for Android we have almost replicated SVProgressHUD effects (View code).


SVProgressHUD

Quick Start

Installation

Add this to your package's pubspec.yaml file:

dependencies:
  flutter_svprogresshud: ^1.0.1

You can install packages from the command line:

$ flutter pub get
Usage

(see demo in /example)

SVProgressHUD is created as a singleton (i.e. it doesn't need to be explicitly allocated and instantiated; you directly call SVProgressHUD.method()).

Use SVProgressHUD wisely! Only use it if you absolutely need to perform a task before taking the user forward. Bad use case examples: pull to refresh, infinite scrolling, sending message.

Using SVProgressHUD in your app will usually look as simple as this:

SVProgressHUD.show();
Future.delayed(Duration(seconds: 3)).then((value) {
  SVProgressHUD.dismiss();
});
Showing the HUD

You can show the status of indeterminate tasks using one of the following:

SVProgressHUD.show();
SVProgressHUD.show(status: 'Doing Stuff');

If you'd like the HUD to reflect the progress of a task, use one of these:

SVProgressHUD.showProgress(0.91);
SVProgressHUD.showProgress(0.91, status: 'Loading...');
Dismissing the HUD

The HUD can be dismissed using:

SVProgressHUD.dismiss()
SVProgressHUD.dismiss(delay: Duration(milliseconds: 2000));

If you'd like to stack HUDs, you can balance out every show call using:

+ (void)popActivity;

The HUD will get dismissed once the popActivity calls will match the number of show calls.

Or show a confirmation glyph before before getting dismissed a little bit later. The display time depends on minimumDismissTimeInterval and the length of the given string.

SVProgressHUD.showInfo(status: 'Useful Information.');
SVProgressHUD.showSuccess(status: 'Great Success!');
SVProgressHUD.showError(status: 'Failed with Error');
Customization

SVProgressHUD can be customized via the following methods:

void setDefaultStyle(SVProgressHUDStyle style);                 // default is SVProgressHUDStyle.Light
void setDefaultMaskType(SVProgressHUDMaskType maskType);        // default is SVProgressHUDMaskType.None
void setDefaultAnimationType(SVProgressHUDAnimationType type);  // default is SVProgressHUDAnimationType.Flat
void setMinimumSize(Size minimumSize);                          // default is Size.zero, can be used to avoid resizing
void setRingThickness(num width);                               // default is 2 pt
void setRingRadiu(num radius);                                  // default is 18 pt
void setRingNoTextRadius(num radius);                           // default is 24 pt
void setCornerRadius(num cornerRadius);                         // default is 14 pt
void setBorderColor(Color color);                               // default is null
void setBorderWidth(num width);                                 // default is 0
void setForegroundColor(Color color);                           // default is Colors.black, only used for SVProgressHUDStyle.Custom
// void setForegroundImageColor(Color color);                      // default is the same as foregroundColor
void setBackgroundColor(Color color);                           // default is Colors.white, only used for SVProgressHUDStyle.Custom
void setBackgroundLayerColor(Color color);                      // default is [Color colorWithWhite:0 alpha:0.4], only used for SVProgressHUDMaskType.Custom
void setImageViewSize(Size size);                               // default is 28x28 pt
// void setShouldTintImages(bool shouldTintImages);                // default is true
// void setInfoImage(UIImage image);                               // default is the bundled info image provided by Freepik
// void setSuccessImage(UIImage image);                            // default is bundled success image from Freepik
// void setErrorImage(UIImage image);                              // default is bundled error image from Freepik
// void setGraceTimeInterval(num interval);                        // default is 0 seconds
void setMinimumDismissTimeInterval(num interval);               // default is 5.0 seconds
// void setMaximumDismissTimeInterval(num interval);               // default is CGFLOAT_MAX
void setFadeInAnimationDuration(num duration);                  // default is 0.15 seconds
void setFadeOutAnimationDuration(num duration);                 // default is 0.15 seconds
void setHapticsEnabled(bool hapticsEnabled);                    // default is false

Related Links

  • https://github.com/SVProgressHUD/SVProgressHUD

License

MIT

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。