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({Key key,AlignmentGeometry alignment,//子组件的对齐方式EdgelnsetsGeometry padding,//内边距Color color,//背景色Decoration decoration,//背景装饰 相当于样式 在child之下Decoration foregroundDecoration,//前景装饰 覆盖在child之上 如半透明遮罩效果doublewidth,//宽doubleheight,//高BoxConstraints constrain...
borderRadius: BorderRadius.all(Radius.circular(4.0)), //设置了decoration的color,就不能设置Container的color。 color: Colors.black, ///边框 border: new Border.all(color: Colors.red, width: 0.3)), child: new Text("666666")); 设置背景颜色的效果 var testColorContainer = new Container( // co...
//设置子控件margin//foregroundDecoration:, 设置子控件上面的装饰//constraints: 设置子控件尺寸约束的条件 比如 宽高decoration:newBoxDecoration(//设置子控件背后的装饰color: Colors.blue,//和Container下面的color会冲突 具体原因不详border:newBorder.all(//添加边框width:10.0,//边框宽度color: Colors...
我们创建一个带圆角的,带渐变颜色的Container 1600419397117.jpg Container(margin:EdgeInsets.only(top:10,left:10,right:10),height:80,decoration:BoxDecoration(borderRadius:BorderRadius.circular(10),gradient:LinearGradient(colors:[Color(0xFF0D47A1),Color(0xFF1976D2),Color(0xFF42A5F5),])),), ...
body:new_containerDemo(), ), ); } }class_containerDemo extends StatelessWidget { @override Widget build(BuildContext context) {returnnewContainer( width:300.0, height:200.0,//color: Colors.cyan,margin: EdgeInsets.only(left:20.0,top:10.0,right:0,bottom:0), ...
下图是一个未使用Padding的Container,左右两侧都紧邻两边: 使用Padding后,距离上下左右均有20的距离: import 'package:flutter/material.dart'; class PaddingDemo extends StatelessWidget{ @override Widget build(BuildContext context) { ...
borderRadius:BorderRadius.all(Radius.circular(4.0)), //设置了decoration的color,就不能设置Container的color。 color:Colors.black, ///边框 border:newBorder.all(color:Colors.red,width:0.3)), child:newText("666666")); 1. 2. 3. 4. 5. ...
Container组件的常用属性包括: color:背景色 decoration:边框和圆角 padding:内边距 margin:外边距 二、实现圆角效果 要实现圆角效果,我们可以使用Container组件的decoration属性,并为其指定一个BoxDecoration对象。BoxDecoration对象有一个borderRadius属性,我们可以为这个属性指定一个Radius对象来定义圆角的大小。例如,下面的...
Container(padding:EdgeInsets.only(top:10),width:(globals.screenWidth*0.8),height:(globals.screen...