パッケージ、リポジトリ、アプリカテゴリを検索

expandable_group のカバー
パッケージ詳細v0.0.8

expandable_group

新しいFlutterウィジェットは、ユーザー向けに展開および折りたたみ可能なリストをサポートしています。

30日間ダウンロード
69
いいね数
7
Pub ポイント
70

パッケージをインストール

flutter pub add expandable_group

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

expandable_group パッケージは、折りたたみ可能で展開可能なセクションを持つリストを作成できる Flutter ウィジェットを提供します。動的にコンテンツを表示または非表示にするインタラクティブなリスト項目の実装を簡略化し、データが多く含まれるインターフェースでのユーザー体験を向上させます。よくある質問、設定メニュー、論理的なグループに整理された任意のコンテンツに最適で、スムーズなアニメーションと簡単なカスタマイズをサポートしています。パッケージは軽量であり、既存の Flutter プロジェクトにシームレスに統合できます。

用途

  • よくある質問セクション
  • 設定パネル
  • 動的コンテンツリスト
  • 折りたたみ可能なナビゲーション
  • データグループ化

主な機能

  • スムーズな展開/折りたたみアニメーション
  • カスタマイズ可能なヘッダーとコンテンツ
  • ListView との簡単な統合
  • ネストされたグループをサポートしています
  • 軽量でパフォーマンスに優れる

適している対象

  • インタラクティブなリストを構築する開発者
  • 階層データを持つアプリケーション
  • 動的なコンテンツ切り替えを必要とする UI
  • Flutter ウィジェットを学ぶ初心者
  • クリーンで再利用可能なコンポーネントを必要とするプロジェクト

注意事項

  • 制限されたプラットフォーム固有のスタイルオプション
  • キーボードナビゲーションの組み込みサポートなし
  • 複雑な使用ケースでは、追加の状態管理が必要になる場合があります
  • ページングなしの大規模データセットに対して最適化されていない

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

ExpandableGroup

A new Flutter widget support expanded and collapsed group items in the list of Flutter application. It supports Android, iOS, Web and Desktop.

Build expandable group widget support expanded and collapsed group data.

Features

  • Expand and collapse header in the List
  • Support customise header and item in the list
  • Single ListView

Getting Started

1. Add dependency to your project's pubspec.yaml and run pub get
dependencies:
  expandable_group: ^0.0.6
2. Import expandable_group_widget.dart to your file project where is going to use the ListExpandableWidget.
import 'package:expandable_group/expandable_group_widget.dart';
3. The ExpandableGroup has some properties as below
3.1 Required
  • header the header widget and will display in the list
  • items the list of ListTile will display for each group
3.2 Optional
  • isExpanded is a boolean to expand or collapse header. isExpanded == true is the header will be expanded and otherwise. The default value is false.
  • expandedIcon and collapsedIcon are the widgets for expanded and collapsed state.
  • headerEdgeInsets the EdgeInsets of header widget
  • headerBackgroundColor can customise header background color
4. Examples
ExpandableGroup(
    isExpanded: index == 0,
    header: _header('Group $index'),
    items: _buildItems(context, group),
    headerEdgeInsets: EdgeInsets.only(left: 16.0, right: 16.0)
)

Submit bugs or request features

Please file feature requests and bugs with GitHub issues tab

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。