Container组件

更新时间:2023-05-05 17:56:26 阅读: 评论:0

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,但只能跟⼀个哦;]语法

本文发布于:2023-05-05 17:56:26,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/533761.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:容器   组件   居中   边框   垂直   全部   意思   只能
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图