Container组件
Container组件组件属性:
alignment, //设置子元素的对齐方式
padding, //容器内边距,属于decoration的装饰范围
color, // 背景色
decoration, // 背景装饰
foregroundDecoration, //前景装饰
width, //容器的宽度
height, //容器的高度
constraints, //容器大小的限制条件
margin, //容器外补白,不属于decoration的装饰范围
transform //变换
decoration: BoxDecoration(
border: Border(
top: BorderSide(width: 1.0, color: Color(0xFFFFFFFFFF)),
left: BorderSide(width: 1.0, color: Color(0xFFFFFFFFFF)),
right: BorderSide(width: 1.0, color: Color(0xFFFF000000)),
bottom: BorderSide(width: 1.0, color: Color(0xFFFF000000)),
),
)
color
color:设置container的背景颜色
十六进制表示方法:color: Color(0xffFFFFFF),这里的0x是固定的,ff代表颜色的透明度,后面的六位代表颜色的值
ARGB表示方法:color: Color.fromARGB(2, 29, 30, 10),
A透明度,取值范围是0~255;
RGBO表示方法:color: Color.fromRGBO(20, 30, 100, .9),
O透明度,取值范围是0~1;
padding
padding: EdgeInsets.fromLTRB(20.0, 20.0, 30.0, 20.0),LTRB分别代表left,top,right,bottom
水平垂直方向设置:padding: EdgeInsets.symmetric(vertical: 20.0,horizontal: 10.0),当你的上下,左右的内边距是堆成的,那么这时候可以用这个属性来设置vertical代表垂直方向,horizontal代表水平方向