flutter之EdgeInsets

最新推荐文章于 2025-06-06 17:52:02 发布

原创最新推荐文章于 2025-06-06 17:52:02 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

Flutter 专栏收录该内容

9 篇文章

订阅专栏

本文深入讲解了Flutter中EdgeInsets配置类的使用方法，包括fromLTRB、all、only、symmetric等不同方式来设置Widget的填充，提供了丰富的代码示例。

edgeInsets是Widget的配置类，允许文本方向感知分辨率。
提供的配置方法：

fromLTRB(double left, double top, double right, double bottom)，分别指定四个方向的填充。
all(doube value)，所有方向均使用相同数值的填充。
only(top:0,right:0,bottom:0,left:0)，可以设置具体某个方向的填充(可以同时指定多个方向)。
symmeric(vertical:0,horizontal:0)，用于设置对称方向的填充，vertical指top和bottom，horizontal指left和right。


children: <Widget>[
  Padding(
    padding: const EdgeInsets.only(left: 8.0),
    child: Text("Hello world"),
  ),
  Padding(
    //上下各添加8像素补白
    padding: const EdgeInsets.symmetric(vertical: 8.0),
    child: Text("I am Jack"),
  ),
  Padding(
    // 分别指定四个方向的补白
    padding: const EdgeInsets.fromLTRB(20.0,.0,20.0,20.0),
    child: Text("Your friend"),
  )
]