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

toggle_list のカバー
パッケージ詳細v0.3.1

toggle_list

Flutterアプリケーション用に、使いやすく、高度にカスタマイズ可能な展開可能リストウィジェットです。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
460
いいね数
72
Pub ポイント
150

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

flutter pub add toggle_list

パッケージ概要

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

toggle_list は、使いやすく、高度にカスタマイズ可能な折りたたみ可能なリストウィジェットを提供するFlutterパッケージです。開発者が折りたたみ可能なセクションを持つインタラクティブなリストを作成できるようにし、クリーンでスペース効率の良い方法でコンテンツを整理するのに最適です。Android、iOS、Web、macOS、Windows、Linuxといったすべての主要プラットフォームに対応しており、どこでも一貫した動作を保証します。シンプルさと柔軟性を重視して設計されており、アニメーション、アイコン、色、コンテンツ構造をカスタマイズできます。設定パネルやFAQ、あるいは任意の階層データ表示に最適です。

用途

  • 設定インターフェース
  • よくある質問セクション
  • 階層データの表示
  • 折りたたみ可能なナビゲーションメニュー
  • 動的コンテンツグループ化

主な機能

  • カスタマイズ可能な展開/折りたたみアニメーション
  • 複数のプラットフォームターゲットのサポート
  • 拡張可能なウィジェット設計
  • カスタマイズ可能なアイコンと色
  • 統合のためのシンプルな API
  • 柔軟なコンテンツレイアウト

適している対象

  • 拡張可能なリストを求める開発者
  • インタラクティブコンポーネントを必要とするUIデザイナー
  • ネストされたまたはグループ化されたコンテンツを持つアプリ
  • クロスプラットフォームアプリケーション
  • 最小限のボイラープレートを必要とするプロジェクト

注意事項

  • Flutter ウィジェットに関する基礎知識が必要です
  • 複雑なレイアウトには追加のスタイル設定が必要になる場合があります
  • リストベースの展開に限定(ツリー構造は対応していない)
  • ページネーションなしの非常に大きなデータセットに対して最適化されていない

元の README

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

Logo

An easy-to-use and highly customizable expandable list widget for your Flutter application.

GitHub release (latest SemVer) GitHub Lines of code

This package is not yet widely tested.

Use it with caution and file any potential issues you see.

Installation

Via command line
flutter pub add toggle_list
Manually

Add the following line to your pubspec.yaml file.

dependencies:
  toggle_list: ^0.3.1

Then either save the file or use the flutter pub run command.

Import
import 'package:toggle_list/toggle_list.dart';

Usage

return Scaffold(
  body: ToggleList(
    children: [
      ToggleListItem(
        title: const Text('I am the first item'),
        content: const Padding(
          padding: EdgeInsets.all(20),
          child: Text('Hello there!'),
        ),
      ),
      ToggleListItem(
        title: const Text('I am the second item'),
        content: const Padding(
          padding: EdgeInsets.all(20),
          child: Text('I am delighted that you are here.'),
        ),
      ),
      ToggleListItem(
        title: const Text('I am the third item'),
        content: const Padding(
          padding: EdgeInsets.all(20),
          child: Text('Have a wonderful day!'),
        ),
      ),
    ],
  ),
);

For a more detailed use case, check out the example directory.

Contributing

Contributions of any kind are always welcome!

As of now, we don't have a standardized way for contributions. For this reason, if you would like to help us with your coding, feel free to send an email to [contact@binarybush.dev](mailto:contact@binarybush.dev).

Metadata

:green_book: Documentation

:email: [contact@binarybush.dev](mailto:contact@binarybush.dev)

:bug: Bug report

:zap: Requesting features

Every opened issue is very much appreciated!

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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

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