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

crud_table 封面
套件詳情v0.0.6

crud_table

CRUD Table Flutter 是一個用於輕鬆建立實體/物件/類別的 CRUD-UI 的套件。它包含延遲載入功能、可調整欄寬,以及整合的 CRUD 表單。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
52
喜歡數
49
Pub 分數
140

安裝套件

flutter pub add crud_table

套件介紹

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

CRUD Table Flutter 是一個輕量級套件,可簡化在 Flutter 應用程式中為資料實體建立 CRUD(建立、讀取、更新、刪除)使用者介面的過程。它提供內建的懶加載支援,以提升大資料集下的效能,支援可調整大小的表格欄位以改善易用性,並整合表單以實現無縫的資料編輯。專為尋求快速 UI 實作而不犧牲功能性的開發者設計,支援所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux。

適用情境

  • 構建管理儀表板
  • 在應用中管理數據列表
  • 從表格創建動態表單
  • 原型設計數據驅動的介面
  • 與後端 API 集成

主要特色

  • 大型資料集的延遲載入
  • 可調整大小的表格欄位
  • 整合的 CRUD 表單
  • 跨平台相容性
  • 簡單的設定,程式碼量最少
  • 自動資料繫結

適合對象

  • 開發資料密集型應用程式的開發者
  • 需要快速UI原型設計的前端團隊
  • 管理員面板創建者
  • Flutter 初學者學習 CRUD 模式

使用建議

  • 需要了解基本的 Flutter widget
  • 高級樣式自訂選項有限
  • 依賴外部狀態管理
  • 最適合簡單到中等複雜度的資料模型
  • 表單可能需要額外的驗證邏輯

原始 README

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

CRUD Table Flutter

CRUD Table Flutter is a powerful Flutter package that simplifies the creation of CRUD UI for your entity, object or class. This package features a highly efficient lazy loading function, resizable columns, and an integrated CRUD form to provide a seamless user experience. With CRUD Table Flutter, you can easily manage and organize your data, boosting your productivity and efficiency.

Features

  • Lazy loading Table
  • Resizable columns
  • Integrated CRUD Form
  • Customizable UI

CRUD UI

Lazy loading

Getting started

The package uses Riverpod for state management. So Please ensure you import flutter_riverpod and wrap the app with ProviderScope.

import 'package:flutter_riverpod/flutter_riverpod.dart';

  runApp(
    ProviderScope(
      child: MyApp(),
    ),
  );

See the example project.

Installing:

In your pubspec.yaml

dependencies:
  crud_table: 
import 'package:crud_table/crud_table.dart';

Usage

When using CrudTable, a CrudViewSource field must be passed and cannot be null. In the CrudViewSource, you will find a function field called emptyEntityFactory. This function requires an empty object that will be used with the CRUD UI.
Ex :
 Let's say you use User.class with this CrudTable, then the emptyEntityFactory will be

emptyEntityFactory: () => User();

Note :
Give unique on every FormItem otherwise form data change will not work as we expect.

Check the example project.

Additional information

Inspired by Vaadin Crud UI Add-on

License

Licensed under the Apache License, Version 2.0

所屬分類

依賴

依賴清單 4 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。