flutter container

1.用法

Container(
             child:new Text('test',style: TextStyle(fontSize: 20.0),),
             alignment: Alignment.center,
           ),

（划重点 flutter 中的数字基本都保留一位小数） 

alignment：

• bottomCenter:下部居中对齐。
• botomLeft: 下部左对齐。
• bottomRight：下部右对齐。
• center：纵横双向居中对齐。
• centerLeft：纵向居中横向居左对齐。
• centerRight：纵向居中横向居右对齐。
• topLeft：顶部左侧对齐。
• topCenter：顶部居中对齐。
• topRight： 顶部居左对齐。

设置宽、高和颜色属性

child:Container(
  child:new Text('Hello',style: TextStyle(fontSize: 10.0),),
  width:500.0,
  height:400.0,
  color: Colors.lightBlue,
),

padding margin decoration属性

child:Container(
  padding:const EdgeInsets.all(10.0),
// 或者
padding:const EdgeInsets.fromLTRB(10.0,30.0,0.0,0.0),
 margin: const EdgeInsets.all(10.0),
 decoration:new BoxDecoration(
    gradient:const LinearGradient(
      colors:[Colors.lightBlue,Colors.greenAccent,Colors.purple]
    ),
    border:Border.all(width:2.0,color:Colors.red)
  ),
),

 all： 全部为10

fromLTRB:LEFT,TOP,RIGHR,BOTTOM

margin 同理。

decoration是 container 的修饰器，主要的功能是设置背景和边框。上面演示的是一个渐变背景色和边框设置