Radio Group

라디오 사이의 상호 배타적 선택을 관리해요.

핵심 속성

그룹이 선택 값을 들고 있고 자식은 공개 위젯인 TRRadio이므로, 각 옵션에는 고유한 value가 필요해요. 웹 컴포넌트와 달리 required 속성, 바깥 폼 연결, 내장 검증이 없어요. TRField로 감싸 보이는 레이블을 붙이고, 오류 메시지는 직접 상태에서 계산하세요.

설치

패키지를 추가한 뒤 공개 라이브러리를 가져오세요.

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 DeploymentRack extends StatefulWidget {
  const DeploymentRack({super.key});

  @override
  State<DeploymentRack> createState() => _DeploymentRackState();
}

class _DeploymentRackState extends State<DeploymentRack> {
  String rack = 'alpha';

  @override
  Widget build(BuildContext context) {
    return TRField(
      label: '배포 랙',
      control: TRRadioGroup(
        name: 'rack',
        value: rack,
        onValueChange: (next) => setState(() => rack = next),
        children: const [
          TRRadio(
            value: 'alpha',
            label: TRText('알파 랙', variant: TRTextVariant.bodySm),
          ),
          TRRadio(
            value: 'beta',
            label: TRText('베타 랙', variant: TRTextVariant.bodySm),
          ),
        ],
      ),
    );
  }
}

예시

API