//设置子控件margin//foregroundDecoration:, 设置子控件上面的装饰//constraints: 设置子控件尺寸约束的条件 比如 宽高decoration:newBoxDecoration(//设置子控件背后的装饰color: Colors.blue,//和Container下面的color会冲突 具体原因不详border:newBorder.all(//添加边框width:10.0,//边框宽度color: Colors...
Container( width: 200, height: 200, decoration: BoxDecoration( border: Border( left: BorderSide(color: Colors.red, width: 5), top: BorderSide(color: Colors.blue, width: 5), right: BorderSide(color: Colors.orange, width: 5), bottom: BorderSide(color: Colors.green, width: 5), ), /...
color: Colors.black, ///边框 border: new Border.all(color: Colors.red, width: 0.3)), child: new Text("666666"));设置背景颜色的效果 var testColorContainer = new Container( // color 与 decoration 不可同时设置 color: Colors.white, //外间距 margin: EdgeInsets.all(10.0...
子视图距Container的边距-padding padding设置的是子视图,距Container的边距,两种设置方式,通常有两种设置方式,EdgeInsets.all常用于设置所有边距都一致;EdgeInsets.fromLTRB用于设置指定边距(LTRB对应的Left、Top、Right、Bottom)。代码如下: 代码语言:txt 复制 class MyApp extends StatelessWidget { @override Widget buil...
Border.symmetric():创建一个垂直和水平方向上对称的边框。 Border():创建一个可以自定义每个边的边框。 用法也是差不多,具体用法在开发工具中可以看到入参,基本就是传入颜色和宽度 5、Container组件的重要属性decoration 绝大多数Container的样式都可以使用decoration属性来设置,且优先级高于其他的,这里就不一一试验了,...
body: new _containerDemo(), ), ); } }class _containerDemo extends StatelessWidget { @override Widget build(BuildContext context) { return new Container( width: 300.0, height: 200.0,// color: Colors.cyan, margin: EdgeInsets.only(left: 20.0,top: 10.0,right: 0,bottom: 0), ...
bottomLeft:底部居左对齐 bottomRight:底部居右对齐 除了对Container容器中的child设置对齐方式,我们还可以对容器进行一些宽高颜色属性的操作,如下: 2、decoration 容器的修饰器,用于背景或者border。 如果在decoration中用了color,就把容器中设置的color去掉,不要重复设置color,设置的边框样式是让四条边框的宽度为8px,...
Container组件的常用属性包括: color:背景色 decoration:边框和圆角 padding:内边距 margin:外边距 二、实现圆角效果 要实现圆角效果,我们可以使用Container组件的decoration属性,并为其指定一个BoxDecoration对象。BoxDecoration对象有一个borderRadius属性,我们可以为这个属性指定一个Radius对象来定义圆角的大小。例如,下面的...
child: Container( width: MediaQuery.of(context).size.width, decoration: BoxDecoration( borderRadius: BorderRadius.only( bottomLeft: Radius.circular(4), bottomRight: Radius.circular(4)), border: Border( bottom: BorderSide( width: 1, color: Theme.of(context).dividerColor), ...
Container(alignment:Alignment.topLeft,// padding: EdgeInsets.all(1),// margin:new EdgeInsets.only(right:1.0),decoration:BoxDecoration(color:Colors.green,//每条列表项底部加一个边框border:Border(bottom:BorderSide(width:0.5,color:Color(0xFFd9d9d9))),),child:FlatButton(// padding: new EdgeIns...