happy coding

[flutter] 코딩애플 보고 따라하는 플러터 - 박스 활용 본문

self study/flutter&dart

[flutter] 코딩애플 보고 따라하는 플러터 - 박스 활용

yeoonii 2023. 3. 15. 20:30

1. 아래 네비게이션바 사이즈를 조절하기 위해(height) SizedBox 또는 Container 활용

여백이 있는 박스 생성

2. container안에 width 50 height 40 color는 blue인 박스를 제작하고, 이 박스는 margin(바깥쪽 여백)이 20이다.

안쪽 여백을 만들고 그 안에 글씨 쓰기

3. 안쪽 여백이 있는 이쁜 박스, padding을 이용해 만듦


4. 안쪽 여백을 박스 4면에 개별적으로 주는 건 EdgeInsets.fromLTRB()

5. 테두리와 같은 기타 디자인은 decoration : 안에 넣어야 한다.

[박스에 테두리를 주는 법]의 실패 >> color가 두 번 있으면 안됨 따로 BoxDecoration에 해야함
박스를 정렬하는 방법

6. Align으로 묶은 다음 alignment : Alignment.bottomCenter는 아래 가운데 정렬

가로가 무한대 길이인 박스 만들기

Comments