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

パッケージ詳細v3.3.2

configurable_expansion_tile_null_safety

カスタマイズ可能な展開タイル。Flutter Material 実装から編集されたもので、カスタマイズが可能

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
4810
いいね数
26
Pub ポイント
140

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

flutter pub add configurable_expansion_tile_null_safety

パッケージ概要

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

FlutterのMaterial実装から派生したカスタマイズ可能なExpansionTileウィジェットで、より高い柔軟性を提供するように設計されています。null安全性をサポートし、開発者がヘッダー、アイコン、アニメーション制御など、タイルの外観と動作をカスタマイズできるようにしています。独自のスタイルやインタラクティブな要素を持つ折りたたみコンテンツセクションを作成するのに最適です。このパッケージはすべての主要プラットフォームで互換性があり、標準のExpansionTileに追加の構成オプションを拡張しています。

用途

  • カスタム折りたたみ可能UIコンポーネント
  • フォーム内の動的コンテンツセクション
  • インタラクティブなFAQインターフェース
  • ネストされた展開可能リスト
  • アクセス可能なナビゲーションパネル

主な機能

  • 完全にnull安全
  • 拡張可能なヘッダーのカスタマイズ
  • アニメーションおよびアイコンの動作をカスタマイズ可能
  • すべての Flutter プラットフォームをサポートしています
  • 既存のウィジェットとの簡単な統合

適している対象

  • 柔軟な拡張タイルが必要な開発者
  • 視覚的制御を必要とするUIデザイナー
  • 複雑な折りたたみコンテンツを持つアプリ
  • クロスプラットフォームアプリケーション
  • 現代的な Dart プラクティスを使用するプロジェクト

注意事項

  • Flutter ウィジェットツリーの理解が必要です
  • バンドルサイズがわずかに増加する可能性があります
  • マテリアルデザインの規則に限定される
  • 拡張用途以外には適していません
  • 上流のMaterial変更に依存しています

元の README

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

configurable_expansion_tile

A Configurable Expansion Tile edited from the flutter material implementation that allows for customization of the internal components. Includes providing colours, replacement widgets on expansion, and custom animations.

Tile animations still takes place (which are also configurable), and a widget can be set to precede and/or follow the provided header, which will rotate on expand/collapse of the tile.

Configure any or all parameters or leave default behaviour - header works out of the box.

Installation

In the dependencies: section of your pubspec.yaml, add the following line:

configurable_expansion_tile: <latest_version>

Usage

import 'package:configurable_expansion_tile/configurable_expansion_tile.dart';

class MyWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return ConfigurableExpansionTile(
      headerExpanded: Flexible(child: Center(child: Text("A Header Changed"))),
      header: Container(child: Center(child: Text("A Header"))),
      childrenBody: Row(
        children: <Widget>[Text("CHILD 1")],
      ),
    );
  }
}

Example

View the Flutter app in the example directory.

Screenshot

Tile Collapsed

Tile Expanded

Contributors

カテゴリー

ソースリポジトリ

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

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