플러터 위젯 - 위치, 정렬, 크기를 위한 위젯

 

위치, 정렬, 크기를 위한 위젯은 함수명만 다를뿐 CSS와 매우 비슷하다.

 

1. Center

중앙으로 정렬시키는 위젯

 

•Child 프로퍼티에 중앙에 배치할 위젯을 설정함

 

2. Padding

안쪽 여백을 표현할 때 사용하는 위젯

 

•EdgeInsets 클래스를 사용하여 값을 설정함

•All()함수는 네 방향 모두 같은 값을 지정함

•fromLTRB() 함수는 네 방향의 값을 각각 지정함

 

3. Align

자식 위젯의 정렬 방향을 정할 수 있는 위젯

 

•원하는 방향으로 위젯을 정렬할 때 사용

•Alignment 프로퍼티에 정렬하고자 하는 방향을 정의해야함

 

4. Expanded

자식 위젯의 크기를 최대한으로 확장시켜주는 위젯

 

•여러 위젯에 동시에 적용하면 flex 프로퍼티에 정숫값을 지정하여 비율을 정할 수 있음. 기본값은 1

 

5. SizedBox

위젯을 특정 크기로 만들고 싶을 때 사용

 

•Width에 가로 길이, height에 세로 길이를 double 타입으로 지정함

 

6. Card

카드 형태의 모양을 제공하는 위젯

 

•기본적으로 크기가 0임

•자식 위젯의 크기에 따라 크기가 결정됨

•Elevation 프로퍼티를 지정하여 그림자의 깊이 조정 가능