플러터에서 박스디자인(margin,padding,정렬)

🐳ㅇㅡㄴㄱㅓ·2022년 4월 19일
0

플러터

목록 보기
3/24
post-thumbnail

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 에 써주면 됨. 무한히 주라는 뜻. 부모박스의 폭은 넘어가지 않음/.
profile
재활훈련 중

0개의 댓글