본문 바로가기
공부방/Flutter

[Flutter] Padding()위젯(함수)

by SmartCow 2024. 3. 10.

1. Padding()함수

자식 위젯의 주변에 여백을 추가할 때 사용. 이를 통해 위젯 사이의 간격을 조절하거나, 위젯과 화면 경계 간의 여백을 설정할 수 있다.

2. 기본예시

Padding(
  padding: EdgeInsets.all(16.0), // 여백을 설정합니다.
  child: // 자식 위젯이 들어갑니다.
)

여기서 padding 속성은 EdgeInsets 객체를 받는다. EdgeInsets는 위젯의 여백을 지정하기 위한 클래스로, 상하좌우 여백을 개별적으로 지정할 수 있다. 예를 들어, 위와 같이 EdgeInsets.all() 함수를 사용하여 상하좌우에 동일한 여백을 설정할 수 있다.

3. EdgeInsets.only() 함수를 이용하여 각방향에 따른 다른 여백설정이 가능하다.

Padding(
  padding: EdgeInsets.only(
    top: 10.0,
    bottom: 20.0,
    left: 30.0,
    right: 40.0,
  ),
  child: // 자식 위젯이 들어갑니다.
)
Padding(
  padding: EdgeInsets.only(
    left: 20.0,
  ),
  child: // 자식 위젯이 들어갑니다.
)

이와 같이 하면 위젯의 각 방향에 대해 다른 크기의 여백을 설정할 수 있다.
만약 특정 방향의 여백을 설정하지 않으려면 해당 방향의 값을 0으로 설정하거나, 아예 입력하지 않으면 됨.