flutter常用组件之Container

371 阅读1分钟

Container组件

Container组件组件属性:

 alignment,   //设置子元素的对齐方式
  padding,    //容器内边距,属于decoration的装饰范围
  color,        // 背景色
  decoration, // 背景装饰
  foregroundDecoration, //前景装饰
  width,         //容器的宽度
   height,       //容器的高度
  constraints, //容器大小的限制条件
  margin,       //容器外补白,不属于decoration的装饰范围
  transform   //变换
decoration: BoxDecoration(
    border: Border(
        top: BorderSide(width: 1.0, color: Color(0xFFFFFFFFFF)),
        left: BorderSide(width: 1.0, color: Color(0xFFFFFFFFFF)),
        right: BorderSide(width: 1.0, color: Color(0xFFFF000000)),
        bottom: BorderSide(width: 1.0, color: Color(0xFFFF000000)),
    ),
)

color

color:设置container的背景颜色

十六进制表示方法:color: Color(0xffFFFFFF),这里的0x是固定的,ff代表颜色的透明度,后面的六位代表颜色的值
ARGB表示方法:color: Color.fromARGB(2, 29, 30, 10),

A透明度,取值范围是0~255;

RGBO表示方法:color: Color.fromRGBO(20, 30, 100, .9),

O透明度,取值范围是0~1;

padding

 padding: EdgeInsets.fromLTRB(20.0, 20.0, 30.0, 20.0),LTRB分别代表left,top,right,bottom
水平垂直方向设置:padding: EdgeInsets.symmetric(vertical: 20.0,horizontal: 10.0),当你的上下,左右的内边距是堆成的,那么这时候可以用这个属性来设置vertical代表垂直方向,horizontal代表水平方向