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

套件詳情v0.0.2

multi_value_listenable_builder

一個 Flutter 套件,可使用單一 widget 監聽多個 ValueListenables。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
4800
喜歡數
34
Pub 分數
160

安裝套件

flutter pub add multi_value_listenable_builder

套件介紹

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

一個 Flutter 套件,可透過單一元件監聽多個 ValueListenables,簡化複雜 UI 中的狀態管理。它透過允許開發者將多個 ValueListenables 合併為一個監聽器,減少重複程式碼,當任一監聽值變更時觸發重新建構。適用於多個資料來源影響單一元件外觀或行為的情境。此套件輕量且與現有的 Flutter 狀態管理模式無縫整合。

適用情境

  • 監聽多個表單欄位
  • 根據多個狀態變數更新UI
  • 同步多個資料流的UI
  • 管理複雜表單驗證
  • 減少UI樹中的嵌套監聽器

主要特色

  • 用於多個 ValueListenables 的單一 Widget
  • 任何值變更時自動重建
  • 最小化樣板程式碼
  • 可與其他組件組合使用
  • 輕量且高效

適合對象

  • 複雜表單
  • 具有多個依賴項的狀態組件
  • 需要同步更新的UI
  • 使用 ValueNotifier 的開發者
  • 專案避免使用重型狀態管理框架

使用建議

  • 需要理解 ValueListenable
  • 如果過度使用,可能會增加複雜性
  • 不適合非常大的狀態圖
  • 最佳搭配簡單或中等狀態組合使用
  • 僅限 ValueListenable 類型

原始 README

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

MultiValueListenableBuilder

A widget to listen to multiple ValueListenables in Flutter.

pub

Usage

  • Add the multi_value_listenable_builder as a dependency in your project.

  • Import package:multi_value_listenable_builder/multi_value_listenable_builder.dart in required files.

  • Use MultiValueListenableBuilder just like any other widget.

import 'package:multi_value_listenable_builder/multi_value_listenable_builder.dart';

MultiValueListenableBuilder(
    // Add all ValueListenables here.
    valueListenables: [
        listenable0,
        listenable1,
        listenable2,
        .
        .
        listenableN
    ],
    builder: (context, values, child) {
        // Get the updated value of each listenable
        // in values list.
        return YourWidget(
            values.elementAt(0),
            values.elementAt(1),
            values.elementAt(2),
            .
            .
            values.elementAt(N),
            child: child // Optional child.
        );
    },
    child: YourOptionalChildWidget(),
)

A detailed and working example can be found here.

所屬分類

原始碼儲存庫

使用此套件的專案