close

使用 Padding 指南 Flutter

在 中 Flutter， Padding 是在用户界面中的元素之间创建间距的基本工具之一。 这有助于您实现更具视觉吸引力和更有效的布局。 本文将指导您如何在应用程序 Padding 中的元素之间创建间距 Flutter。

基本用法

Padding widget 通过将要添加间距的内容 包裹起来来使用。 下面是如何使用 Padding 添加 padding 围绕 a 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，您可以为您的应用程序创建更具吸引力且结构良好的布局。