Container组件
⼀、介绍
container类似前端中的 div,语法:container(child:组件),意思就是容器,⾥⾯只能放⼀个组件。
⼆、属性:
lignment对齐⽅式:
1. a lignm ent对齐⽅式:
topCenter:顶部居中对齐
topLeft:顶部左对齐
topRight:顶部右对齐
center:⽔平垂直居中对齐
centerLeft:垂直居中⽔平居左对齐
centerRight:垂直居中⽔平居右对齐
bottomCenter 底部居中对齐
bottomLeft:底部居左对齐
bottomRight:底部居右对齐
2.dec o ra tio n装饰:
r a
color颜⾊
语法 color: Colors.blue [颜⾊为蓝⾊]
语法
border边框
语法 border: Border.all(color: d,width: 2.0) [全部边框颜⾊为红⾊,粗细为2]
语法
margin 外边距
margin 属性是表⽰ Container 与外部其他组件的距离。 语法
语法 margin:EdgeInts.all(20.0) [上下左右边距为20]
padding内边距
padding 就 是 Container 的 内 边 距 , 指Container 边缘与 Child 之间的距离 语法
语法 padding: EdgeInts.all(10.0) [上下左右内边距为10]
transform变换,可以让container旋转等等
语法 transform: ationZ(0.2)
语法
width、height 宽、⾼
语法 width:120.0, height: 30.0 [容器宽120,⾼30]
语法
child 容器⼦元素
语法 child:Text("你好")[容器的⼦元素为“你好”的⽂本,child后边也可以跟Row和Column,但只能跟⼀个哦;]语法