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

套件詳情v0.3.0

progresso

適用於 Flutter 的線性進度條,支援非零起始值、線上的多個點以及自訂樣式

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
282
喜歡數
23
Pub 分數
160

安裝套件

flutter pub add progresso

套件介紹

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

Progresso 是一個可自訂的線性進度條,適用於 Flutter,支援非零起始值、進度條上的中間點以及豐富的樣式選項。它讓開發者能夠建立視覺上獨特的進度指示器,以符合特定設計需求。非常適合用於表單進度追蹤、引導流程,或任何需要動態且具樣式的進度視覺化情境。此套件具有跨平台特性,可在 Android、iOS、Web、macOS、Windows 和 Linux 上順暢運作。

適用情境

  • 表單進度追蹤
  • 引導流程指示器
  • 自定義加載動畫
  • 任務完成可視化
  • 互動式教程

主要特色

  • 非零起始點
  • 對中間標記的支援
  • 廣泛的自定樣式
  • 跨平台相容性
  • 平滑的動畫過渡
  • 可設定的區段顏色

適合對象

  • 需要靈活進度條的開發者
  • 希望進行視覺自定義的設計人員
  • 具有複雜進度工作流程的應用程式
  • 跨平台保持一致使用者介面所需的專案
  • 使用 Flutter 開發多平台應用的團隊

使用建議

  • 需要手動處理動畫時間
  • 限制為線性進度佈局
  • 不支援內建的圓形進度
  • 樣式可能需要仔細配置
  • 未針對高頻率更新進行優化

原始 README

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

Progresso

A linear progress bar for Flutter.

Getting Started

Add to pubspec.yaml

progresso: <lastest version>

import in your flutter project

import 'package:progresso/progresso.dart';

Features

In its simplest form Progresso takes a progress parameter (0.0 to 1.0)

basic

Progresso(progress: 0.5);

You can also configure the color

custom color

Progresso(
    progress: 0.5, 
    progressColor: Colors.red, 
    backgroundColor: Colors.blue
);

Progresso can even start at a value that is not zero!

non-zero start

Progresso(start: 0.3, progress: 0.5);

Give the progress bar different stroke caps:

round end caps

Progresso(
    progress: 0.5, 
    progressStrokeCap: StrokeCap.round,
    backgroundStrokeCap: StrokeCap.round
);

Give a List of points to show points along the progress bar

points

Progresso(progress: 0.5, points: [0.2, 0.4]);

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。