Flutter Paddiing内边距

最新推荐文章于 2025-03-11 09:00:00 发布

原创最新推荐文章于 2025-03-11 09:00:00 发布 · 597 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter Paddiing组件 #Flutter #Flutter Paddiing

Flutter 基础专栏收录该内容

73 篇文章

订阅专栏

本文详细介绍了Flutter框架中Padding组件的使用方法，包括其属性如内边距(padding)和子元素(child)的设置，通过代码示例展示了如何为图像添加内边距。

参数详解

属性	说明
padding	内边距
child	子元素

代码示例

class MyBody extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(//为了可以看出内边距，将容器设置成红色
      color: Colors.red,
      child: Padding(
        padding: EdgeInsets.all(15),
        child: MyImage('https://raw.githubusercontent.com/think-ing/flutter_demo/master/images/a.jpg'),
      ),
    );
  }
}


//定义一个 公共类
class MyImage extends StatelessWidget {
  String imgUrl;
  MyImage(this.imgUrl);
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 100,
      width: 100,
      child: Image.network(this.imgUrl,fit: BoxFit.cover,),
    );
  }
}