Flutter Container、Center设置控件居中背景及其他属性
//控件可以居中
Container(
alignment: Alignment.bottomCenter,//设置控件内容的位置
padding: const EdgeInsets.all(20),//设置内边距
margin: const EdgeInsets.all(30),//设置整体浮动
color: Colors.teal,//背景色,注意不能和decoration的color同时使用
//设置其更多装饰属性(这些属性会绘制在被包裹的控件后面),
decoration: const BoxDecoration(
//背景色
color: Colors.amber,
//圆角
borderRadius:BorderRadius.all(Radius.circular(20)),
//阴影
boxShadow: [
BoxShadow(
//阴影颜色
color: Colors.deepOrangeAccent,
//阴影偏移量
offset: Offset(10, 10),
//阴影模糊程度
blurRadius: 10,
//阴影扩散程度
spreadRadius: 10)
]),
//设置其更多装饰属性(这些属性会绘制在被包裹的控件前面),
foregroundDecoration:BoxDecoration()
child: const Text('啊哈哈哈哈'),
)
//默认让控件居中显示
Center(
widthFactor: 100,
heightFactor: 100,
child: Text('========='),
)
版权声明:本文为qq_30005223原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。