flutter widget(2)
-
[플러터 2] UI 구조 4
Expanded, Spacer, ListView 위젯 Expanded 또는 Spacer 위젯은 화면의 남은 공간만큼 확장하는 위젯인데 ListView위젯은 스크롤 위젯으로 최대 높이는 무한이므로 Expanded 또는 Spacer 위젯을 사용할 수 없다. 그래서 SizedBox 를 사용하여 적절한 높이를 준다. Column을 사용하지않고 ListView로 전체화면을 구성하는 이유 1. 방향이 세로 방향이기때문에 Column과 ListView 둘 다 사용가능 2. TextFormField를 터치하게 되면 아래에서 키보드가 올라오는데 이 때 화면에 그림을 그릴 수 없는 영역이 생긴다. 이 영역을 inset 영역이라고 하는데 이 영역에 그릴 수 없어서 화면에 스크롤이 없으면 그림을 그릴 수 있는 영역이 줄어들어..
2021.08.14 -
[플러터 2] UI 구조 1
UI 구조 휴대폰 > Material App > Scaffold Spacer 위젯 Row 또는 Column 과 같은 Flex 공간에서 위젯과 위젯 사이의 간격을 조정하는데 사용한다. Padding 위젯 위젯의 여백을 주기위해 사용한다. - EdgeInsets.symmectric : 수직이나 수평 중 선택해서 여백을 줄 때 사용. Image 위젯 이미지 배치 - 이미지 위젯 사용 시 fit 속성으로 이용 - BoxFit.contain : 원본사진의 가로 세로 비율 변화없음 - BoxFit.fill : 원본사진의 비율을 무시하고 지정한 영역에 사진을 맞춤 - BoxFit.cover : 원본사진의 가로 세로 비율을 유지한 채 지정한 영역에 사진을 맞춤 장점 : 사진비율을 유지 단점 : 사진이 지정한 크기를 벗..
2021.08.14