[ Flutter ] 화면 표시

Icon

💬  머티리얼 디자인용 기본 아이콘들은 Icons 클래스에 상수로 미리 정의되어 있다.

Icon(
  Icons.home,
  color: Colors.red,
  size: 60.0,  // 기본값 24.0
),

 

Progress

💬  로딩 중이거나 오래 걸리는 작업을 할 때 사용자에게 진행 중임을 보여주는 용도로 사용하는 위젯이다.

CircularProgressIndicator()

◻️  둥근 형태의 프로그레스바이며, 다른 화면 위에 겹쳐서 표시하므로 Stack 위젯으로 겹쳐서 사용한다.

LinearProgressIndicator()

◻️  선 형태의 프로그레스바이다.

 

RefreshIndicator

RefreshIndicator(
  child: _widgets,
  onRefresh: _refresh,
),

💬  당겨서 새로고침하는 기능을 추가할 수 있다. 주로 ListView를 Wrap하는 용도로 사용된다.

 

ColorFiltered

ColorFiltered(
  colorFilter: const ColorFilter.mode(
    Colors.red,
    BlendMode.modulate,
  ),
  child: Image.network(_url),
),

💬  색상 효과를 주고 싶을 때 사용한다.

 

DataTable

DataTable(
  columns: [
    DataColumn(label: id),
    DataColumn(label: name),
    DataColumn(label: profession),
  ],
  rows: [
    DataRow(cells: [
      DataCell(Text('1')),
      DataCell(Text('Stephen')),
      DataCell(Text('Actor')),
    ]),
    DataRow(cells: [
      DataCell(Text('5')),
      DataCell(Text('John')),
      DataCell(Text('Student')),
    ]),
    DataRow(cells: [
      DataCell(Text('10')),
      DataCell(Text('Harry')),
      DataCell(Text('Leader')),
    ]),
  ],
),

 

Drawer

💬  사이드바를 만들고 싶을 때

return Scaffold(
  appBar: AppBar(
    title: _title,
  ),
  body: Center(
    child: Container(),
  ),
  drawer: Drawer(
    child: _listView,
  ),
);

 

RotatedBox

💬  위젯을 회전시키고 싶을 때 사용한다.

RotatedBox(
  quarterTurns: 2,
  child: Text('Hello World'),
),