소개

Flutter 최고입니다!
Flutter에 관한 기사를 쓰고 싶었고 Flutter의 Widget 목록을 만들었습니다.
괜찮으시면 봐주세요.
수시로 갱신해 갑니다.

개정 내역
※2021/05/16 스타일에 관한 Widget 추가

◇목차

· 기본 Widget
· 텍스트에 대한 Widget
· 스타일에 관한 Widget
· 마지막으로

◇기본적인 Widget

Flutter로 앱을 만드는 데 꼭 알아두고 싶은 Widget입니다.


위젯 이름
이미지
설명
자주 사용하는 속성
동영상


Appbar()

머티리얼 디자인의 AppBar입니다. AppBar는 ToolBar, TabBar, FlexibleSpaceBar 등으로 구성되어 있습니다.
title: centerTitle: leading: actions:

Container()

색칠, 배치, 크기 설정 위젯을 결합한 편리한 위젯.
children: color: padding: margin: decoration: width: height:

htps: //같다. 베 / c1xL 속눈썹 WCY

Column()

자식 위젯을 세로로 배치합니다.
children: mainAxisAlignment: crossAxisAlignment:


Row()

자식 위젯을 가로로 배치합니다.
children: mainAxisAlignment: crossAxisAlignment:

ElevatedButton()

머티리얼 디자인의 입체 버튼. 눌렀을 때 떠오르는, 채워진 버튼.
child: enabled: onPressed: onLongPress: style:

Icon()

머티리얼 디자인 아이콘입니다.
color: size:

Image()

이미지를 표시하는 위젯입니다.
width: height: fit:
htps: //같다. 베 / 7 어이 s-0G4mw

Placeholder()

상자를 배치하는 위젯입니다. 이 상자는 앞으로 배치될 다른 위젯을 의미합니다.
fallbackHeight: fallbackWidth: color:
htps: //같다. 베 / L 페 56 후 z도

Scaffold()

Scaffold는 머티리얼 디자인의 기본 레이아웃을 구성하는 도구 모음입니다. Scaffold는 드로어 디스플레이, 스낵바, 하단 시트 등의 API를 제공합니다.
appBar: drawer: endDrawer: body: floatingActionButton: bottomNavigationBar:


Text()

간단한 텍스트를 표시하는 위젯입니다.
style:

◇텍스트에 관한 Widget

텍스트 표시시에 사용하는 Widget입니다.


위젯 이름
이미지
설명
자주 사용하는 속성
동영상


Text()

간단한 텍스트를 표시하는 위젯입니다.
style:

RichText()

서식있는 텍스트 위젯은 여러 가지 다른 스타일을 사용하는 텍스트를 표시합니다. 표시되는 텍스트는 TextSpan 개체의 트리를 사용하여 그려집니다. 각 TextSpan 객체는 객체의 하위 트리에 사용되는 스타일에 연결됩니다.
text:
htps: //같다. 베 / rykDVh-Q fw

DefaultTextStyle()

명확한 스타일이 없는 파생된 텍스트 위젯에 이용하기 위한 텍스트 스타일입니다.
child:

◇스타일에 관한 Widget

텍스트 표시시에 사용하는 Widget입니다.


위젯 이름
이미지
설명
자주 사용하는 속성
동영상


Padding()

자식에 지정된 위젯의 패딩을 설정하는 위젯.
child: padding:
htps: //같다. 베 / 오 D5RtL

MediaQuery.of(context)

미디어 쿼리가 주어진 데이터에 따라 구문 분석된 하위 트리를 만듭니다.
.size
htps: //같다. 베 / 아 3W 등 4 자아 Pw

Theme.of(context)

파생된 위젯에 테마를 제공합니다. 테마란 앱의 색이나 표기의 선택사항입니다.
.primaryColor .textTheme .primaryTextTheme

◇마지막으로

여기까지 읽어 주셔서 감사합니다.
(마지막에 "좋아요!"버튼을 눌러 주시면 기쁩니다 부싯)
여러분, 좋은 Flutter라이프를!