ireshmw/crud_table

기술 주제

# crud # table # flutter # dart # form # crud-table-flutter # lazy-loading # data-table

사용 중인 의존성

의존성 목록 7 개

flutter{"sdk":"flutter"}
fluid_kit^3.0.0
flutter_riverpod^2.4.3
split_view^3.2.1
visibility_detector^0.4.0+2
flutter_test개발 의존성{"sdk":"flutter"}
flutter_lints개발 의존성^2.0.3

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

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

https://user-images.githubusercontent.com/24836910/143689692-3a0cefb4-26f1-40d0-a647-cc47101a1e5a.gif _{CRUD UI}	https://user-images.githubusercontent.com/24836910/143689708-872d9c96-8207-4463-97c5-71b47cc7634d.gif _{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

https://user-images.githubusercontent.com/24836910/143689744-4c5fa32c-2007-498f-861d-d7ebbd55fbf0.jpg https://user-images.githubusercontent.com/24836910/143689737-57858024-9084-48b3-9d48-07befc3c964e.png

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