搜索插件、代码仓与 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 项

源码仓库

使用此插件的项目

暂无相关数据。