【Flutter】笔记-Container组件应用

Container容易应用:
width: 宽度
height: 高度
color: 颜色
decoration: 装饰
alignment: 对齐方式

padding: 内边距
margin: 外边距
transform: 转换

foregroundDecoration: 前景装饰
transformAlignment: 转换对齐方式
constraints: 约束条件

Center(      child: Container(        alignment: Alignment.center, //容器内的元素方位        width: 200,        height: 200,        decoration: BoxDecoration(   //装饰            color: Colors.yellow,            border: Border.all(color: Colors.red, width: 2), //边框            borderRadius: BorderRadius.circular(10), //配置圆角 也可实现            boxShadow: const [BoxShadow(color: Colors.black, blurRadius: 10.0)],//配置阴影            gradient: LinearGradient(colors: [Colors.red,Colors.yellow])),     //设置渐变        child: Text('你好flutter',style: TextStyle(color: Colors.black, fontSize: 20),        ),      ),    );