사용 Padding 안내 Flutter

에서 는 Flutter 사용자 Padding 인터페이스의 요소 사이에 간격을 만드는 필수 도구 중 하나입니다. 이를 통해 보다 시각적으로 매력적이고 효과적인 레이아웃을 얻을 수 있습니다. Padding 이 문서에서는 응용 프로그램 에서 요소 사이에 간격을 만드는 방법을 안내합니다 Flutter.

기본 사용법

Padding widget 간격을 추가하려는 부분 을 감싸서 사용합니다. 다음은 주변에 Padding 추가하는 데 사용할 수 있는 방법입니다. padding widget

Padding(
  padding: EdgeInsets.all(16.0), // Adds 16 points of padding around the child widget  
  child: YourWidgetHere(),  
)  

간격 맞춤화

속성을 사용하여 각 측면(왼쪽, 오른쪽, 위쪽, 아래쪽, 세로, 가로)의 간격을 사용자 지정할 수 있습니다 EdgeInsets.

Padding(
  padding: EdgeInsets.only(left: 10.0, right: 20.0), // Adds 10 points of padding on the left and 20 points on the right  
  child: YourWidgetHere(),  
)  

Padding(
  padding: EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0), // Adds vertical and horizontal padding  
  child: YourWidgetHere(),  
)  

레이아웃과 결합

Padding Column, Row, ListView 등과 같은 레이아웃에서 위젯 사이의 간격을 조정하는 데 자주 사용됩니다.

Column(  
  children: [  
    Padding(  
      padding: EdgeInsets.only(bottom: 10.0),  
      child: Text('Element 1'),  
   ),  
    Padding(  
      padding: EdgeInsets.only(bottom: 10.0),  
      child: Text('Element 2'),  
   ),  
    // ...  
  ],  
)  

사이징의 유연성

Padding 간격을 추가할 뿐만 아니라 여백과 유사한 효과를 만들 수 있습니다. 를 사용할 때 의 Padding 외부 공간에는 영향을 주지 않습니다 widget.

 

결론:

Padding UI 에서 요소의 간격을 만들고 위치를 조정하는 데 유용한 도구입니다 Flutter. 를 사용하면 Padding 응용 프로그램에 대해 보다 매력적이고 잘 구성된 레이아웃을 만들 수 있습니다.