Flutter 纯色矩形

在Flutter中绘制一个纯色矩形可以通过多种方式实现最常见的方法是使用Container、DecoratedBox或ClipRRect带有BoxDecoration的矩形。以下是几种不同的方法来实现纯色矩形的绘制方法1使用ContainerContainer(width:200,// 宽度height:100,// 高度color:Colors.blue,// 颜色)方法2使用DecoratedBoxDecoratedBox(decoration:BoxDecoration(color:Colors.red,// 颜色),child:Container(width:150,// 宽度height:80,// 高度),)方法3使用ClipRRect与BoxDecorationClipRRect(borderRadius:BorderRadius.circular(10),// 可选设置圆角child:Container(width:120,// 宽度height:60,// 高度color:Colors.green,// 颜色),)方法4使用SizedBox和BoxDecorationSizedBox(width:100,// 宽度height:50,// 高度child:DecoratedBox(decoration:BoxDecoration(color:Colors.purple,// 颜色),),)方法5使用CustomPaint和Paint更复杂但灵活如果你需要更多的控制例如绘制渐变或自定义形状你可以使用CustomPaint。CustomPaint(painter:_MyPainter(),// 自定义画家类继承自CustomPainterchild:Container(// 可以是其他widget但不是必须的因为CustomPaint可以绘制在任意大小的区域上。width:double.infinity,// 宽度例如填充父容器宽度height:100,// 高度),)自定义画家类class_MyPainterextendsCustomPainter{overridevoidpaint(Canvascanvas,Sizesize){finalpaintPaint()..colorColors.orange;// 设置画笔颜色等属性canvas.drawRect(Offset.zerosize,paint);// 绘制矩形从原点(0,0)开始到size大小的位置结束。}overrideboolshouldRepaint(covariantCustomPainteroldDelegate){returnfalse;// 当画家状态不改变时返回false以优化性能。如果需要重绘返回true。}}以上方法可以根据你的具体需求选择使用。通常情况下使用Container是最简单直接的方式。如果你需要更多定制如圆角、边框等则可以使用ClipRRect结合Container或直接使用DecoratedBox。对于更复杂的图形和自定义绘制则可以使用CustomPaint。