Scaffold

앱의 레이아웃을 상중하로 나눠줌.

appBar :상단
body: 중단
bottomNavigationBar:하단

mainAxisAlignment

row 기준 가로에 해당되는 정렬이다. mainAxisAlignment: MainAxisAlignment.center 같이 중앙 정렬을 할 수 있도록 도와준다.

crossAxisAlignment

row 기준 세로에 해당되는 정렬이다.

SizedBox

container와 비슷한 역할을 한다 그렇지만 cost가 훨씬 cheap하기 때문에 단순 width, height,child를 위한 컨테이너는 sizedbox로 바꾸는게 훨씬 효율적이다.

Flexible

위젯의 사이즈를 단순 사이즈가 아닌 비율로 하고 싶을 때 사용 가능

Flexible(child: Container(color: Colors.red,), flex: 3,), //30%
Flexible(child: Container(color: Colors.blue,),  flex: 7,) //70%

Expanded

본인만 flex:1의 값을 갖는다. 다 채우고 싶은 경우 사용.