Flutter常用组件之Container

Container是一个组合类容器。

       /// Container介绍
         /* alignment  位置
           padding 内边距
           margin 外边距
           constraints 盒子 宽高的限制
           width 容器宽
           height 容器高
           decoration 装饰
          foregroundDecoration 前景装饰
          child 子组件
          transform 旋转 转换效果*/
         new Container(
          alignment: Alignment.center,
           padding: const EdgeInsets.all(8.0),
              margin: const EdgeInsets.all(8.0),
              constraints: new BoxConstraints.expand(
              height:
                  //盒子约束的高度
                  Theme.of(context).textTheme.display1.fontSize * 1.1 + 200.0,
             ),
             width: 300.0,
             height: 200.0,
            //decoration: buildBoxDecoration(),
            foregroundDecoration: buildBoxDecorations(),
            child: new Text('容器演示'),
            transform: new Matrix4.rotationZ(0.2),
          ),



  // 注意：BoxDecoration返回的是Decoration对象
  Decoration buildBoxDecoration() {
    return new BoxDecoration(
      color: const Color(0xfffce5cd),
      //设置Border属性给容器添加边框
      border: new Border.all(
        //为边框添加颜色
        color: const Color(0xff6d9eeb),
        //边框宽度
        width: 8.0,
      ),
    );
  }


  Decoration buildBoxDecorations() {
    return BoxDecoration(
      color: Colors.blue,
      border: Border.all(
        color: Colors.red,
        width: 10.0,
        style: BorderStyle.solid,
      ),
    );
  }