Flutter에서는 Row 위젯을 사용하여 가로로 여러 위젯을 배치할 수 있습니다. 이때, Checkbox 위젯을 Row 위젯 안에 사용하여 체크박스를 만들어 볼 수 있습니다. 이 글에서는 Row 위젯 안에서 체크박스를 사용하는 방법에 대해 알아보겠습니다.

체크박스 생성하기

먼저, Checkbox 위젯을 생성하고 Row 위젯에 추가해야 합니다. Checkbox 위젯은 체크박스 상태를 표시하고 상태를 변경할 수 있는 위젯입니다.

Row(
  children: [
    Checkbox(
      value: true,
      onChanged: (bool? value) {},
    ),
    Text("옵션 1"),
  ],
)

위 코드에서는 Row 위젯 안에 Checkbox 위젯과 Text 위젯이 함께 사용되었습니다. Checkbox 위젯의 value 속성은 체크박스의 상태를 나타냅니다. true로 설정되어 있으므로 체크된 상태로 표시됩니다. onChanged 속성은 체크박스의 상태가 변경될 때 호출되는 함수를 정의합니다.

체크박스 상태 변경하기

위에서 생성한 체크박스의 상태를 사용자가 변경하면, onChanged 속성에 지정된 함수가 호출됩니다. 이 함수를 통해 체크박스의 상태를 변경할 수 있습니다.

bool isChecked = true;

Row(
  children: [
    Checkbox(
      value: isChecked,
      onChanged: (bool? value) {
        setState(() {
          isChecked = value!;
        });
      },
    ),
    Text("옵션 1"),
  ],
)

위 코드에서는 isChecked라는 변수를 사용하여 체크박스의 상태를 저장합니다. onChanged 함수에서는 setState 함수를 호출하고 isChecked 변수를 업데이트하여 체크박스의 상태를 변경합니다.

위의 예시를 참고하여 Row 위젯 안에서 체크박스를 사용하는 방법을 알아보았습니다. Flutter에서는 Row 위젯을 사용하여 여러 위젯을 가로로 배치할 수 있으며, Checkbox 위젯을 이용하여 체크박스를 생성하고 제어할 수 있습니다. 이를 참고하여 다양한 UI를 구성해보세요.

참고 링크:

• Flutter Checkbox 클래스 문서