要解决这个问题,可以在ClipRRect
中设置borderRadius
参数为0。这样,裁剪区域将只包括内部的圆角矩形,而不包括外部的圆角矩形。以下是修改后的Dart代码:
ClipRRect(
borderRadius: BorderRadius.zero,
child: Container(
width: 100,
height: 100,
color: Colors.blue,
),
)
这段代码将创建一个蓝色的圆角矩形,其裁剪区域仅包括内部的圆角矩形,而不包括外部的圆角矩形。
3条答案
按热度按时间roejwanj1#
我可以复现报告中的内容。
完整示例代码:
flutter doctor -v (稳定版和主版本)
bhmjp9jg2#
你好@lukehutch,由于你给
Container
设置了边框宽度,你需要调整ClipRRect
的边框半径。ClipRRect
的边框半径应计算为总边框半径减去Container
的宽度。在这种情况下,你应该从总边框半径(30)中减去Container
的宽度(10)。因此,ClipRRect
应该有20的边框半径。iyfamqjs3#
你好@lukehutch,既然你给
Container
设置了边框宽度,那么你需要调整ClipRRect
的边框半径。ClipRRect
的边框半径应该等于总边框半径减去Container
的宽度。在这个例子中,你应该从总边框半径(30)中减去Container
的宽度(10)。因此,ClipRRect
应该有20的边框半径。是的,这正是我在第二个代码片段中所做的。这样做确实很麻烦,但即使进行了这样的修正,你仍然会在容器边框和内容之间看到一条细白线。