Flutter Container、Center设置控件居中背景及其他属性

Flutter ContainerCenter设置控件居中背景及其他属性

//控件可以居中
 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版权协议,转载请附上原文出处链接和本声明。