먼저 Radio<TYPE>으로 라디오 버튼을 만들어준다.

 

각 라디오가 서로 그룹임을 알려주려면 하나의 인스턴스를 서로 바라보고 있으면 된다.

int number = 0;

@override
Widget build(BuildContext context) {
  return Column(
    children: [
      Radio<int> (
        value: 0,
        groupValue: number,
      ),
      
      Radio<int> (
        value: 1,
        groupValue: number,
      )
    ],
  )
}

 

 

value는 각 라디오가 가지고 있는 고유 값을 뜻하며, 라디오 버튼을 클릭했을 때 onChanged함수를 통해서 값이 전달된다.

 

 

색상

activeColor를 넣어주어야 isChecked와 기본 색상이다.

 

 

 

https://api.flutter.dev/flutter/material/Radio-class.html

 

Radio class - material library - Dart API

A Material Design radio button. Used to select between a number of mutually exclusive values. When one radio button in a group is selected, the other radio buttons in the group cease to be selected. The values are of type T, the type parameter of the Radio

api.flutter.dev

 

+ Recent posts