selectable_container

パッケージ概要

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

タップ時に1つの隅に視覚的なインジケータ（アイコン）が表示される選択可能なコンテナウィジェットを提供するFlutterパッケージです。即時のフィードバックを提供することでユーザーインタラクションを強化し、フィルター、タグ、オプションなどの選択ベースのUIに最適です。Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしています。軽量で簡単に統合でき、シンプルさと視覚的な明確さに焦点を当てています。

用途

フィルタ選択インターフェース
タグベースのナビゲーション
インタラクティブなフォーム要素
ユーザーの好みピッカー
マルチセレクトチップ
カスタムトグルボタン

主な機能

タップ時のコーナーアイコンインジケータ
クロスプラットフォーム互換性
シンプルな統合
選択時の視覚フィードバック
カスタマイズ可能な外観
軽量設計

適している対象

インタラクティブなUIを構築する開発者
視覚フィードバックを求めているデザイナー
選択中心のワークフローを持つアプリ
ミニマリストなインターフェースコンポーネント
Flutter初心者が状態管理を学ぶ

注意事項

コーナーに基づくインジケータに限定
組み込みのアニメーションカスタマイズなし
選択状態を手動で処理する必要があります
複雑なマルチステートインタラクションには適していません
グループ選択には外部の状態管理に依存しています

元の README

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

A Selectable Container for Flutter. Easy to implement and customize.

Demo

Demo:

Usage

To use plugin, just import package import 'package:selectable_container/selectable_container.dart';

Example

Check de example directory to access the project that implements the image shown above.

    import 'package:flutter/material.dart';
    import 'package:selectable_container/selectable_container.dart';

    class SimpleExamplePage extends StatefulWidget {
      @override
      _SimpleExamplePageState createState() => _SimpleExamplePageState();
    }

    class _SimpleExamplePageState extends State<SimpleExamplePage> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('Selectable Container'),
          ),
          body: Column(
            children: <Widget>[
              Text(
                'Default container',
                style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold),
              ),
              SelectableContainer(
                selected: _selected
                onValueChanged: (newValue) {
                   setState(() {
                    _selected = newValue;
                  });
                },
                child: Text('Tap me'),
                padding: 16.0,
              ),
            ],
          ),
        );
      }
    }

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