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

一 概述

  • 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 代码示例

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 效果图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值