Flutter Widget - Container

Container就只是个容器,只能有一个child;会跟 Row 或Column搭配使用。
Row及Column里可以放很多个children: []

new Container(child:Widget width:double ,宽度height:double ,高度color:背景色Color(0xFF42A5F5)Color.fromARGB(255, 66, 165, 245)Color.fromRGBO(66, 165, 245, 1.0)alignment:对位Alignment.bottomCenter,Alignment(0.0, 1.0)Alignment.bottomLeft ,Alignment(-1.0, 1.0)Alignment.bottomRight,Alignment(1.0, 1.0)Alignment.center,Alignment(0.0, 0.0)Alignment.centerLeft,Alignment(-1.0, 0.0)Alignment.centerRight,Alignment(1.0, 0.0)Alignment.topCenter,Alignment(0.0, -1.0)Alignment.topLeft ,Alignment(-1.0, -1.0)Alignment.topRight ,Alignment(1.0, -1.0) padding:EdgeInsets.only(top: 20.0,left: 20.0,right: 20.0,bottom: 0.0)EdgeInsets.all(8.0),EdgeInsets.symmetric(vertical: 8.0)//对称margin:EdgeInsets.only(top: 20.0,left: 20.0,right: 20.0,bottom: 0.0)EdgeInsets.all(8.0),decoration:Decoration,文章底有相关说明foregroundDecoration:Decoration ,文章底有相关说明constraints:BoxConstraints ,文章底有相关说明transform:Matrix4.rotationZ(0.1)Matrix4.translationValues(double x, double y, double z),Matrix4.skewX(double alpha)...)

BoxConstraints继承Decoration所以decoration,foregroundDecoration及constraints都可以用BoxConstraints详细内容BoxConstraints

Row

new Row(  children: <Widget>[],  crossAxisAlignment:垂直对齐方式  CrossAxisAlignment.baseline   CrossAxisAlignment.start    CrossAxisAlignment.center   CrossAxisAlignment.end  CrossAxisAlignment.stretch,       direction → Axis,    mainAxisAlignment:水平对齐方式  MainAxisAlignment.start   MainAxisAlignment.center   MainAxisAlignment.end    MainAxisAlignment.spaceAround    MainAxisAlignment.spaceBetween    MainAxisAlignment.spaceEvenly,    mainAxisSize → MainAxisSize,  textBaseline → TextBaseline,  textDirection → TextDirection,  verticalDirection → VerticalDirection)

Column

new Column(  children: <Widget>[],  crossAxisAlignment,  direction → Axis,  mainAxisAlignment → MainAxisAlignment,  mainAxisSize → MainAxisSize,  textBaseline → TextBaseline,  textDirection → TextDirection,  verticalDirection → VerticalDirection)

关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章