[flutter] 플러터 Table 위젯 사용 방법

15 Dec 2023

flutter

Flutter에서 Table 위젯을 사용하면 행과 열의 형태로 데이터를 표시할 수 있습니다. 이 포스트에서는 Table 위젯을 사용하는 방법과 다양한 옵션에 대해 소개하겠습니다.

Table 위젯 소개

Table 위젯은 행과 열로 구성된 데이터를 표시하는 데 사용됩니다. 각 셀은 TableRow 위젯을 사용하여 생성하고, 이를 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 Widget Example'),
        ),
        body: Center(
          child: Table(
            border: TableBorder.all(),
            children: [
              TableRow(
                children: [
                  Text('Cell 1'),
                  Text('Cell 2'),
                ],
              ),
              TableRow(
                children: [
                  Text('Cell 3'),
                  Text('Cell 4'),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}

위 예제에서는 Table 위젯을 사용하여 2x2 크기의 테이블을 표시하고 있습니다.

Table 속성

Table 위젯에는 다양한 속성을 설정할 수 있습니다. 몇 가지 중요한 속성은 다음과 같습니다:

border: 테이블의 테두리 스타일을 지정합니다.
children: TableRow 위젯의 리스트로, 각 TableRow는 테이블의 한 행을 표현합니다.

결론

Flutter의 Table 위젯을 사용하면 간단하게 행과 열의 형태로 데이터를 표시할 수 있습니다. Table 위젯의 다양한 속성을 활용하여 디자인과 레이아웃을 조절할 수 있습니다.

더 많은 정보는 공식 Flutter 문서를 참고하시기 바랍니다.