[flutter] 플러터 Table 위젯에서 특정 셀에 라디오 버튼 추가하기

15 Dec 2023

flutter

플러터에서 Table 위젯을 사용하여 데이터를 표로 표시할 때, 때로는 특정 셀에 라디오 버튼을 추가해야 할 때가 있습니다. 이 글에서는 Table 위젯에서 특정 셀에 라디오 버튼을 추가하는 방법에 대해 알아보겠습니다.

Table 위젯

플러터의 Table 위젯은 행과 열의 형태로 데이터를 표시하는 데 사용됩니다. 이를 통해 다양한 형태의 데이터를 효과적으로 표현할 수 있습니다.

특정 셀에 라디오 버튼 추가

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Table 라디오 버튼'),
        ),
        body: Center(
          child: Table(
            defaultVerticalAlignment: TableCellVerticalAlignment.middle, // 세로 중앙 정렬
            children: [
              TableRow(
                children: [
                  TableCell(
                    child: Row( // 라디오 버튼을 포함한 위젯 추가
                      children: [
                        Radio(value: 1, groupValue: 1, onChanged: (v) {}), // 라디오 버튼 1
                        Text('선택 1'),
                      ],
                    ),
                  ),
                  TableCell(
                    child: Text('데이터 1'),
                  ),
                ],
              ),
              TableRow(
                children: [
                  TableCell(
                    child: RadioListTile( // 라디오 버튼과 텍스트를 포함한 리스트 타일
                      title: Text('선택 2'),
                      value: 2,
                      groupValue: 1,
                      onChanged: (v) {},
                    ),
                  ),
                  TableCell(
                    child: Text('데이터 2'),
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}

위의 예제에서는 Table의 각 셀에 라디오 버튼을 추가하는 방법을 보여줍니다. TableRow와 TableCell 위젯을 사용하여 라디오 버튼을 포함할 수 있습니다.

라디오 버튼은 선택 옵션을 표현하는 데 유용하며, 사용자가 하나의 옵션을 선택할 수 있도록 해줍니다. 플러터의 Table 위젯을 사용하면 이러한 라디오 버튼을 포함한 표를 쉽게 만들 수 있습니다.

마무리

이번 글에서는 Table 위젯에서 특정 셀에 라디오 버튼을 추가하는 방법을 알아보았습니다. Table 위젯을 사용하여 복잡한 표를 만들 때 유용한 라디오 버튼을 포함할 수 있으며, 이를 통해 사용자들이 데이터를 선택할 수 있는 기능을 구현할 수 있습니다. Table 위젯과 라디오 버튼을 조합하여 다양한 형태의 데이터 표현이 가능해집니다.