[Flutter] 10. StoreApp (9) Padding 위젯

서회정's avatar
May 22, 2025
[Flutter] 10. StoreApp (9) Padding 위젯

1. Padding 위젯은

💡
자식 위젯 주위에 빈 공간을 만들어준다.
여백을 주고싶은 위젯 바깥으로 감싸 사용할 수 있다.
 

2. Padding 사용 방법

💡
미리 위젯을 만들어 그 안에 자식 위젯을 채우는 방법도 있지만 자식 위젯을 만들고 그 위를 감싸는 방법도 있다.
 
notion image
padding 위젯을 감싸고싶은 위젯에 커서를 두고 Alt + Enter 를 입력하면 다음과 같은 창이 나오고, 감싸고싶은 위젯을 선택할 수 있다.
 
notion image
이렇게 패딩 위젯으로 감싸진 모습을 확인할 수 있다.
 
notion image
 

3. Padding 위젯의 EdgeInsets 속성

생성자
설명
EdgeInsets.all(double value)
네 방향 모두 같은 값
EdgeInsets.symmetric({vertical, horizontal})
위·아래 또는 좌·우만 각각 지정
EdgeInsets.only({left, top, right, bottom})
방향별로 개별 지정 가능
 
Share article

clubnerdy