Layout

reference : Coding apple

Widgets

MaterialApp(), Cupertino()
대부분 커스텀 디자인. 이때 MaterialApp() 사용하는 게 좋다.

1. Scaffold() : 상, 중, 하 나눈다.
   구성 : appBar(), body(), bottomNavigationBar()

   • body()만 필수

2. Row(), Column() : 가로, 세로

3. Container() : 박스

   • 넓이만 줄 거면 SizedBox()
   • 가로, 세로 각각 무한대 가능

4. Align(), Center() : 정렬

5. Flexible(), Expanded() : Row, Column에서 하위 항목 조정

6. ListTile(), ListView(), ListView.builder() :

   • ListView() :
     - 무한 스크롤
     - 자동 반복문
     - 메모리 절약(지나간 목록 삭제)

---

tip

0. PPT 포토샵 등으로 디자인 원화 그리기

1. 원화 위에 네모 박스 전부 표시

   • 모든 글자, 이미지, 아이콘 등 네모같아 보이는 것들을 박스로 싸맨다.
   • 상상하지 말고 직접 그린다.
   • 최대한 빈 공간 없게 네모로 다 채우는게 좋다.

2. 바깥 박스부터 코드짜서 만들기

   • 네모박스 : Container() 나 SizedBox()
   • 배치 : Row(), Column()

3. 디자인

   • Row(), Column() 안쪽 항목 배치 조정 : mainAxis어쩌구, crossAxis어쩌구
   • width, height, margin, padding
   • Row() 내부 요소가 가로로 꽉 차게 : 내부 요소를 Expanded() 위젯으로 감싼다.