flutter 공부

위젯소개

기본위젯들

Text

스타일이 지정된 텍스트를 만들수있음

Row, Column

flex layout을 사용할수 있습니다.

Stack

중복된 위치에 그릴수 있게 됩니다.
안드로이드로 따지면 Relative Layout
웹은 position: relative 입니다.

내부 child를 포지셔닝을 하려고 한다면 Positioned 위젯을 활용하면됩니다.

Stack class

Positioned Class

Container

child 요소의 컨텐츠 사이즈만큼만큼 감싸 background 색상, 패딩등을 적용할수 있습니다.

안의 요소를 alignment로 정렬할수 있습니다.

constraint로 레이아웃도 가능합니다.

회전도 가능합니다

Container class

Expanded

남은 공간을 차지합니다.

제스쳐 처리

GestureDector로 감싸 위젯의 제스쳐이벤트를 처리할수있다.

기본 레이아웃 위젯

• Container: Adds padding, margins, borders, background color, or other decorations to a widget.
• GridView: Lays widgets out as a scrollable grid.
• ListView: Lays widgets out as a scrollable list.
• Stack: Overlaps a widget on top of another.

Constraints go down. Sizes go up. Parent sets position.

제약은 줄어들고, 사이즈는 커지고, 부모가 위치를 설정합니다.

• 위젯은 부모로부터 제약을 받습니다. 제약은 가로와 높이의 최대,최소의 4배로 설정됩니다.
• 위젯이 소유하고있는 자식 목록들에게 하나하나 제약조건을 확인하고 사이즈가 몇이길 원하는지 물어봅니다
• 자식들의 포지셔닝을 합니다.
• 마지막으로, 자신(부모)을 포지셔닝합니다.

이미지 에셋 모바일 해상도별 저장방법

.../my_icon.png
.../2.0x/my_icon.png
.../3.0x/my_icon.png