1.color 颜色 设置背景颜色 Colors.red 2.border 边框 3.borderRadius 圆角 4.boxShadow 阴影 5.gradient 渐变 6.image 图片 Color 颜色设置: Colors.red 用这个方法来设置颜色。 Border 边框设置: 1.border: Border(top: BorderSide(width: 15,color: Colors.red),right: BorderSide(width: 5,color: Color...
( decoration: BoxDecoration( border: Border.all( color: Colors.blue, // 设置边框颜色为蓝色 width: 4.0, // 设置边框宽度 style: BorderStyle.solid, // 设置边框样式为实线 ), shape: BoxShape.rectangle, // 设置盒子的形状为矩形 ), child: Container( width: 200, height: 200, color: Colors....
key}):super(key:key);@overrideWidgetbuild(BuildContextcontext){returnContainer(width:50,height:50,margin:constEdgeInsets.only(top:4,left:4),decoration:BoxDecoration(border:Border.all(color:Colors.red,width:1.0),),child:constText('BOX'),);}}...
( decoration: BoxDecoration( color: Colors.blue, borderRadius: BorderRadius.circular(10), boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.2), spreadRadius: 1, blurRadius: 7, offset: const Offset(0, 3), ), ], ), child: const Padding( padding: const EdgeInsets.all(10), ...
FlutterLogoDecoration:Flutter图片 UnderlineTabindicator:下划线 这里先介绍常用的 BoxDecoration,构造方法 const BoxDecoration({ this.color,//背景色 this.image,//图片 this.border,//描边 this.borderRadius,//圆角大小 this.boxShadow,//阴影 this.gradient,//渐变色 ...
设置图片背景,设置image需要一个DecorationImage类,其中image属性是必须的,其类型是ImageProvider,因为ImageProvider是抽象类,因此需要用ImageProvider的子类来实现。 border 设置Widget的边框样式,设置方式为Border.xxx,Border为BoxBorder类型。 border.all(Color color, double width,BorderStyle style) ...
this.border, 边色 this.borderRadius, // 圆角度 this.boxShadow, // 阴影 this.gradient, // 渐变 this.backgroundBlendMode, // 混合Mode this.shape = BoxShape.rectangle, // 形状 }) 3.1 边框+圆角: decoration: new BoxDecoration( border: new Border.all(color: Color(0xFFFF0000), width: 0.5...
FlutterLogoDecoration:Flutter图片 UnderlineTabindicator:下划线 这里先介绍常用的 BoxDecoration,构造方法 const BoxDecoration({ this.color,//背景色 this.image,//图片 this.border,//描边 this.borderRadius,//圆角大小 this.boxShadow,//阴影 this.gradient,//渐变色 ...
//color: Colors.blue, padding: EdgeInsets.all(10.0), margin: EdgeInsets.all(20.0), constraints: BoxConstraints.expand(width: 200.0, height: 150.0), // foregroundDecoration: BoxDecoration( // border: Border.all( // color: const Color(0xFFd00a7f), ...
BoxDecoration的一些常用属性包括: -color:用于设置背景颜色。 -border:用于设置边框样式,可以指定边框的宽度、颜色和圆角。 -borderRadius:用于设置边框的圆角半径。 -gradient:用于创建渐变背景效果,可以是线性渐变或径向渐变。 -boxShadow:用于添加阴影效果。 -image:用于设置背景图片。