Flutter 容器组件Container

博客介绍了Flutter中容器组件Container,它包含一个子Widget,有alignment、padding等基础属性,方便布局摆放child。还指出padding与margin的区别,padding在content内,margin是外部边界,设置点击事件时,padding区域响应,margin区域不响应。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

容器组件Container包含一个子Widget,自身具备如下alignment、padding等基础属性,方便布局过程中摆放child。Container组件常用属性如下: 

Container组件的属性及描述
属性名类型说明
keyKeycontainer唯一标识符,用于查找更新
alignmentAlignmentGeometry控制child的对齐方式,如果Container或Container父节点尺寸大于child的尺寸,这个属性设置会起作用,有很多对齐方式
paddingEdgeInsetsGeometryDecoration内部的空白区域,如果有child的话,child位于padding内部
colorColor用来设置Container背景色,如果foregroundDecoration设置的话,可能会遮盖color效果
decorationDecoration绘制在child后面的装饰,设置了decoration的话,就不能设置color属性,否则会报错,此时应该在Decoration中进行颜色的设置
foregroundDecorationDecoration绘制在child前面的装饰
widthdoubleContainer的宽度,设置为double.infinity可以强制在宽度上撑满,不设置,则根据child和父节点两者一起布局
heightdoubleContainer的高度,设置为double.infiiity可以强制在高度上撑满
constraintsBoxConstraints添加在child上额外的约束
marginEdgeInsetsGeometry围绕在Decoration和child之外的空白区域,不属于内容区域
transformMatrix4设置Container的变换矩阵,类型为Matrix4
childWidgetContainer中的内容Widget

注意:padding与margin的不同之处在于,padding是包含在content内,而margin则是外部边界。设置点击事件的话,padding区域会响应,而margin区域不会响应

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值