오늘의 내용
Column,Row,SafeArea,Spacer,padding,Expanded,디버그라벨,AspectRatio,ClipRRect
Flutter
Column , Row
SafeArea
- 핸드폰 기기별로 조금씩 다른 디바이스UI인 상태바 영역에 여백을 넣어주는 위젯
AppBar를 사용하지 않을 경우에만 상태바 여백을 위해 사용
Spacer
ColumnorRow에서 위젯 사이의 간격을 조정하는데 사용- 사용 가능한 모든 공간을 차지함
Spacer(flex : 1)
: 이후에 오는 숫자를 변경하여 차지할 비율을 정할 수 있음
Padding
- 자식 위젯 주변에 여백을 주는 위젯
- 상단바 위에 글씨 바로위 사진이랑 비교하면 알 수 있음
Expanded
-
ColoumnorRow내에서 남은공간을 확장하여 공간을 채울 수 있도록 하는 위젯 -
사용 전
- 사용 후
- BoxFit 사용
디버그라벨 제거
- 우측 상단 디버그 라벨 제거하는 용도
MaterialApp의debugShowCheckedModeBanner속성을false로 입력
레시피 앱 만들기
레이아웃 별 파일 나누기
글씨 정렬
Column의crossAxisAlignment사용
AppBar 아이콘
Container 위젯을 활용한 RecipeMenu 커스텀 위젯 만들기
재사용 가능한 RecipeListItem 만들기
Listview로 변경
AspectRatio
- 특정 종횡비로 자식 크기를 조정
비율로 결정함 가로 / 세로
ClipRRect
- 자식 위젯의 모서리를 둥글게
주로 이미지 모서리 자를 때 사용함
비교적 Dart와 달리 화면에 표시되니 집중이 조금은 더 잘된것같다.
