ToggleGroup

値に基づいて単一または複数の押下トグルを管理します。

主なプロパティ

グループが選択を保持し、子は公開ウィジェットの TRToggle なので、各項目には一意で変化しない value が必要です。単一のトグルと同じくグループもフォーム値を送信しないため、選択をフォームで送る必要がある場合は TRCheckboxGroup か TRRadioGroup を使ってください。

インストール

パッケージを追加し、公開ライブラリをインポートしてください。

flutter pub add tinyrack_ui

import 'package:tinyrack_ui/tinyrack_ui.dart';

プレイグラウンド

使用方法

import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';

class AlignmentBar extends StatefulWidget {
  const AlignmentBar({super.key});

  @override
  State<AlignmentBar> createState() => _AlignmentBarState();
}

class _AlignmentBarState extends State<AlignmentBar> {
  List<String> alignment = const ['start'];

  @override
  Widget build(BuildContext context) {
    return TRToggleGroup(
      value: alignment,
      onValueChange: (next) => setState(() => alignment = next),
      children: const [
        TRToggle(value: 'start', child: Text('先頭')),
        TRToggle(value: 'center', child: Text('中央')),
        TRToggle(value: 'end', child: Text('末尾')),
      ],
    );
  }
}

例

API