[flutter] 플러터 Table 위젯에서 특정 셀에 아이콘 추가하기

15 Dec 2023

flutter

플러터(Flutter)의 Table 위젯을 사용하면 격자 모양의 레이아웃을 만들 수 있습니다. 특정 셀에 아이콘을 추가하는 방법을 알아봅시다.

Table 위젯

Table은 행과 열로 구성된 격자 레이아웃을 만들기 위한 위젯입니다. 각 셀은 TableCell 위젯을 사용하여 구성됩니다.

아이콘 추가하기

특정 셀에 아이콘을 추가하려면 TableCell 위젯을 사용하여 셀을 만들고, 그 안에 아이콘 위젯을 배치하면 됩니다.

예를 들어, 다음과 같이 TableCell 위젯 안에 아이콘을 추가할 수 있습니다:

Table(
  children: [
    TableRow(
      children: [
        TableCell(
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Icon(Icons.star),
              Text('내용'),
            ],
          ),
        ),
        TableCell(
          child: Center(child: Text('내용')),
        ),
      ],
    ),
    TableRow(
      children: [
        TableCell(
          child: Center(child: Text('내용')),
        ),
        TableCell(
          child: Center(child: Text('내용')),
        ),
      ],
    ),
  ],
)

위 코드에서는 Table의 각 셀에 아이콘을 추가하고 그 주변에 텍스트를 배치하는 예시를 보여줍니다.

결론

Table 위젯을 사용하여 격자 레이아웃을 만들 때, TableCell 안에 다양한 위젯을 포함하여 복잡한 레이아웃을 만들 수 있습니다.

많은 정보와 예제는 공식 플러터(Flutter) 문서에서 확인할 수 있습니다.