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