[Flutter] padding widget

✍ padding widget

padding 위젯은 child 위젯의 겉부분에 빈 공간을 설정할 수 있다.

Padding({   
  Key? key,   
  required EdgeInsetsGeometry padding,  
  Widget? child, 
})

 

padding 인자 값 설정 방법

 

1. EdgeInsets.all(double value)

Padding(
  padding: EdgeInsets.all(16.0);
  child: Container()
)

child 위젯의 전 방향(왼쪽, 오른쪽, 위, 아래) 에 16.0 만큼 padding 을 준다.

 

 

2. EdgetInsets.only({double left, double right, double top, double, bottom })

Padding(
  padding: const EdgeInsets.only(
    left: 16.0,
    right: 10.0,
    top: 15.0,
    bottom: 5.0
  ),
  child: Container()
)

named 파라미터를 이용해 각 방향마다 다른 padding 값을 준다.

 

 

3. EdgeInsets.symmetric({double vertical = 0.0, double horizontal = 0.0})

Padding(
  padding: const EdgeInsets.symmetric(
    vertical: 16.0
    horizontal: 16.0
  ),
  child: Container()
)

named 파라미터를 이용해 vertical(위, 아래) 과 horizontal(오른쪽, 왼쪽) 을 각각 값을 준다.

 

4. EdgeInsets.fromLTRB(double left, double top, double right, double bottom)

Padding(
  padding: const EdgeInsets.fromLTRB(16.0, 10.0, 9.0, 3.0),
  child: Container()
)

왼, 위, 오, 아래의 순으로 padding 값을 준다.