Text组件
常用组件,大部分也比较熟悉,基本使用的就是textAlign ,overflow,style,感觉也没什么多说的,毕竟是常用的,使用几次就习惯了。
Container组件
Container组件是我们常用的布局文件,但是对于Container组件也有很多功能,大部分我们使用的时候使用来装饰的decoration的,比如圆角框,颜色,边线等。
如图中的效果;
代码为:
body: Container(
width: 200,
height: 200,
decoration: BoxDecoration(
color: Colors.blue,
border: Border.all( //边线
color: Colors.red,
width: 2.0,
),
borderRadius: //圆角
BorderRadius.all(
Radius.circular(8.0)
)
)
),
有时候我们在使用Container组件的时候,会用到margin和padding,这也差不多是两个常用的,
margin是表示Container组件和外的距离,而padding是内部填充的效果。
我们在Container组件里面加上margin: EdgeInsets.only(top: 20,right: 20),
效果就变成了
相应的padding属性padding: EdgeInsets.all(20),
效果如下:(Text组件就不添加了)