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

パッケージ詳細v1.0.0

configurable_expansion_tile

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

30日間ダウンロード
115
いいね数
65
Pub ポイント
40

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

flutter pub add configurable_expansion_tile

パッケージ概要

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

Material 実装から派生した、Flutter の ExpansionTile のカスタマイズ可能なバージョンで、外観および動作に対する高度な制御を提供します。開発者はアイコン、色、アニメーションなどのタイルの視覚的要素をカスタマイズできる一方で、展開可能なコンテンツセクションの基本機能を維持できます。折りたたみ可能なコンテンツを持つダイナミックでユーザーに優しいインターフェースを作成するのに最適です。

用途

  • カスタマイズ可能なアコーディオン
  • 動的フォームセクション
  • インタラクティブなFAQ表示
  • ネストされた展開可能リスト
  • 折りたたみ可能なオプションを備えた設定パネル

主な機能

  • 完全にカスタマイズ可能なヘッダー
  • 調整可能なアニメーション期間
  • カスタム末尾アイコンのサポート
  • 拡張可能なテーマ統合
  • 設定可能な展開状態

適している対象

  • 柔軟な拡張タイルが必要な開発者
  • 独自のタイルスタイルを望むUIデザイナー
  • 複雑な折りたたみ可能なレイアウトを持つアプリ
  • タイル間で一貫したテーマを必要とするプロジェクト

注意事項

  • 状態管理を手動で処理する必要があります
  • 制限されたプラットフォーム固有の最適化
  • バンドルサイズがわずかに増加する可能性があります
  • 単純な静的拡張には適していません
  • 上流のマテリアルデザイン規約に依存しています

元の 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"))),
      children: [
        Row(
          children: <Widget>[Text("CHILD 1")],
        ),
        // + more params, see example !!
      ],
    );
  }
}

Example

View the Flutter app in the example directory.

Screenshot

Tile Collapsed

Tile Expanded

Contributors

カテゴリー

ソースリポジトリ

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

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