패키지, 저장소 및 앱 카테고리 검색

atreeon_datagrid_responsive 표지
패키지 상세v0.4.0

atreeon_datagrid_responsive

정렬 및 필터링 기능을 갖춘 데이터그리드입니다. 화면 크기에 반응하여 조정됩니다. 완전히 타입 지정되어 있습니다.

30일 다운로드
81
좋아요
7
Pub 점수
60

패키지 설치

flutter pub add atreeon_datagrid_responsive

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

완전한 타입 안정성을 갖춘 반응형 Flutter 데이터그리드 패키지로, 정렬 및 필터링 기능을 제공합니다. 다양한 화면 크기에 자연스럽게 적응하도록 설계되어 디바이스 간 일관된 사용자 경험을 보장합니다. Dart의 강력한 타입 시스템을 기반으로 구현되어 코드 신뢰성과 개발 생산성을 높입니다. 구조화된 데이터 표시와 상호작용 기능이 필요한 애플리케이션에 이상적입니다. 이 패키지는 atreeon.com에서 유지보수되며 GitHub에 호스팅되어 투명성과 커뮤니티 기여를 촉진합니다.

사용 사례

  • 앱에서 구조화된 데이터 표시
  • 정렬 및 필터링 가능한 테이블 구현
  • 반응형 데이터 인터페이스 만들기
  • 관리자 대시보드 구축
  • 대규모 데이터셋을 상호작용적으로 관리하기

주요 기능

  • 모든 화면 크기에 대응하는 반응형 디자인
  • 내장된 정렬 및 필터링
  • Dart 제네릭을 사용하여 완전히 타입 지정
  • 타입 안전한 데이터 처리
  • Flutter와의 간편한 통합
  • 클린하고 유지보수 가능한 코드 구조

적합한 대상

  • 데이터가 많은 Flutter 앱을 개발하는 개발자
  • 타입 안전성을 우선시하는 팀
  • 반응형 테이블 컴포넌트가 필요한 프로젝트
  • 관리 패널 및 데이터 관리 도구
  • 다양한 기기 크기에 대응하는 앱

고려 사항

  • Flutter SDK 설정이 필요합니다
  • 테이블 전용 사용 사례에 한정됨
  • 내장된 페이지네이션 없음
  • 고급 UI를 위해 맞춤형 스타일링이 필요할 수 있습니다
  • GitHub를 통한 외부 유지보수에 의존

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

atreeon_datagrid_responsive

A datagrid with sorting and filtering capabilities. It is also responsive to screen size. Fully Typed.

atreeon_datagrid_responsive example

Simple Demo

see examples folder for more examples

class SimpleDemo extends StatelessWidget {
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Expanded(
            child: ResusableDatagridW<Item>(
              data: originalData,
              fields: [
                Field<Item>((x) => x.name, "name", FilterFieldString()),
                Field<Item>((x) => ramLookup[x.ram] ?? x.ram.toString(), "ram", FilterFieldNum()),
                Field<Item>((x) => x.price, "price", FilterFieldNum()),
                Field<Item>((x) => x.storage, "storage", FilterFieldNum()),
              ],
              onRowClick: (x) => print(x.toString()),
              lastSaveDate: null,
            ),
          ),
        ],
      ),
    );
  }
}

class Item {
  String name;
  int ram;
  int price;
  int storage;

  Item(this.name, this.ram, this.price, this.storage);
}

var originalData = List<Item>.generate(
    2000,
    (i) => //
        Item("id: $i", i * 2, i ~/ 2, i + 500));

var ramLookup = {64: "sixtyfour", 1: "one", 128: "one hundred & twenty eight"};


Features

  • multi select over multiple pages
  • sorting and secondary sort capabilities
  • typed filtering
  • vertical responsive design (or fixed height)
  • paging or no paging

Limitations

  • no cell editing capability (you can open a dialog on click of a row though)
  • some data types aren't yet supported (DateTime)
  • no grouping
  • no reording column placement
  • no widening or narrowing of column widths

Other Notes / Information

written a couple of years ago

카테고리

의존성

의존성 목록 7 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.