Container将会是我们以后最常用的控件之一,Container是单容器类控件,即只包含一个子控件。Container可以装饰和定位子控件,例如设置背景颜色、形状等。
无任何参数设置
如果只用Container包装子控件而没有任何其他参数的设置,代码如下:
Container(
child: Text('老孟'),
)
Container内的子控件不会发生任何外观上的变化,效果如下:
![17ca9ef1c28230f8ec7d4318d9d96c04.png](https://i-blog.csdnimg.cn/blog_migrate/a83d02f1feeccf7a676c3a8f017428b5.jpeg)
设置背景颜色
如果想要给子控件添加背景颜色可以使用color属性,代码如下:
Container(
color: Colors.blue,
child: Text('老孟'),
)
效果如下:
![682502d8989c5121e42fbbf4a48fa35a.png](https://i-blog.csdnimg.cn/blog_migrate/cb83b1e1028469e764b0010a3f8cedfa.jpeg)
没有其他参数设置时,Container将会根据子控件自行调整大小。
padding 和 margin
如果想在Container和子元素之间添加空白可以使用padding属性,代码如下:
Container(
color: Colors.blue,
child: Text('老孟'),
padding: EdgeInsets.all(20),
)
效果如下: