前言
flutter中的Container組件，相當于前端開發(fā)的Div組件或者ios開發(fā)中的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
