플러터에서 박스디자인(margin,padding,정렬)
Container와 SizedBox
- 박스를 넣고 싶으면 Container 를 쓰지만 width와 height밖에 안쓴다면 SizedBox를 쓰라고 Lint가 뜸
- Container가 더 무겁기 때문에
Container의 여백
- margin, padding 속성을 파라미터로 넣어주면 됨
- 단 숫자만 써주면 안되고
EdgeInsets
라는 함수 써서 넣어줘야함
- EdgeInsets.all(30)
: 사방에 30씩 여백
- EdgeInsets.fromLTRB(10,20,30,40)
: 사방여백을 각각 다르게 (왼쪽, 위, 오른쪽, 밑 순서)
- Row, Column 이런것들은 안되고 Container에만 여백이 가능
BoxDecoration
- Container에서 별로 안 중요한 찌끄래기 속성들 쓰는 것
- color, shape, boxShadow, border 등등 쓸 수 있음
박스정렬
- 가운데 정렬은
Center()
- 그 외 왼쪽이나 오른쪽 등 가운데 말고 다른방향 정렬이 하고 싶으면
Align() 사용
Align()
사용 후 Alignment
사용 후 자동정렬로 나오는 속성대로 정렬 가능
박스폭 100%
- Container로 만든 박스의 폭을 풀로 꽉 채우려면
double.infinity
라는 값을 width 에 써주면 됨. 무한히 주라는 뜻. 부모박스의 폭은 넘어가지 않음/.