【Flutter 1-16】Flutter手把手教程UI布局和Widget——容器控件Container 我们先来看一下Container初始化的参数:

本文是Flutter手把手教程的UI布局部分,详细介绍了Container控件的使用,包括颜色、内边距、外边距、旋转、装饰、边框、渐变色等特性,并通过实例展示了各种效果。
摘要由CSDN通过智能技术生成

Container({
Key key,
// 位置 居左、居右、居中
this.alignment,
// EdgeInsets Container的内边距
this.padding,
// 背景颜色
this.color,
// 背景装饰器
this.decoration,
// 前景装饰器
this.foregroundDecoration,
// 宽度
double width,
// 告诉
double height,
// 约束
BoxConstraints constraints,
// EdgeInsets Container的外边距
this.margin,
// 旋转
this.transform,
// 子控件
this.child,
// 裁剪Widget的模式
this.clipBehavior = Clip.none,
})
注意:

Container 的color属性与属性 decoration的color存在冲突,如果两个color都做了设置,默认会以decoration的color为准。
如果我们没有给Container设置width和height,Container会跟child的大小一样;假如我们没有设置child的时候,它的尺寸会极大化,尽可能的充满它的父Widget。

  1. 最简单的Container

Container(
child: Text(“Fulade”),
color: Colors.red,
)
Container接收一个child参数,我们可以传入Text作为child参数,然后传入是一个颜色。
2020_12_28_

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值