Flutter开发之——单组件布局容器-Padding

发表于 2021-04-02 分类于开发， F-跨平台， Flutter 阅读时长 ≈ 1 分钟

一概述

Padding只有一个子组件，是单组件布局容器
Padding自带padding属性

二 Padding容器介绍

2.1 Padding构造

const Padding({
    Key? key,
    required this.padding,
    Widget? child,
  }) : assert(padding != null),
       super(key: key, child: child);

2.2 属性介绍

属性	说明	取值
padding	内边距	EdgeInsets对象
child	子组件	Widget对象

child取值说明：

可以取值Text，TextButton，Container等

padding取值说明：

三示例

3.1 代码示例

1
2
3

Padding(padding: EdgeInsets.all(20),child: Text("Padding"),),
Padding(padding: EdgeInsets.only(left: 5, right: 5, top: 5, bottom: 5), child: Text('Padding-only'),),
Padding(padding: EdgeInsets.symmetric(vertical: 5,horizontal: 5),child:TextButton(onPressed: () {}, child: Text("Padding-TextButton")),),

3.2 效果图

0%