flutter 系统组件学习 -Container组件

前言

flutter中的Container组件，相当于前端开发的Div组件或者ios开发中的view控件。

源码

Container({
    Key key,
    this.alignment,  // 对齐方式
    this.padding,    // 内边距
    Color color,       
    Decoration decoration, // 背景描述
    this.foregroundDecoration, // 前景描述
    double width, // 宽
    double height, // 高
    BoxConstraints constraints,// 最大最小约束
    this.margin, // 外边距
    this.transform,// 
    this.child, // 
    this.clipBehavior = Clip.none,
  }) : assert(margin == null || margin

测试代码

child: Container(
          child:Container( 
             color: Colors.lightBlue,
            width: 150,
            height: 30,
            child:Text("今天学习Container组件", textAlign: TextAlign.right),
          ),
          alignment: Alignment.centerLeft,
          // color: Colors.blueAccent,
          width: 500,
          height: 200,
          padding:EdgeInsets.only(left: 50),
          decoration:BoxDecoration(
            color: Colors.lightBlue,
            border:Border.all(width: 5.0,color: Colors.red),
            gradient:LinearGradient(
              colors: [
                Colors.yellow,
                Colors.red,
                Colors.green
              ]
            )
          ),
          foregroundDecoration: BoxDecoration(
             border:Border.all(width: 2.0,color: Colors.blue),
          ),
        ),

运行效果

屏幕快照 2020-01-06 下午5.14.33.png