Flutter 带斜面矩形边框的颤振容器

我正在尝试创建一个类似这样的视图

但问题是，在使用时，该侧的边框宽度与整个边框宽度不匹配

我正在使用以下代码：-

材料(
颜色：颜色，黑色，
clipBehavior:Clip.antiAlias，
形状：斜面矩形边框(
边线(
颜色：color.fromRGBO（255,255,255,10），
宽度：2，
),
borderRadius：仅限borderRadius(
左下角：半径。圆形(
ScreenUtil（）.setHeight（15），
),
),
),
子容器：新容器(
宽度：100，
装饰：盒子装饰(
颜色：color.fromRGBO（255,255,255,10），
borderRadius：仅限borderRadius(
左上：半径。圆形（5），
右上角：半径。圆形（5），
右下角：半径。圆形（5），
),
边界：边界(
颜色：color.fromRGBO（255,255,255,10），
宽度：2，
),
),
子容器：新容器(
身高：50，
宽度：100，
),
),
)

不确定如何解释这一点，但在我的示例中，这两行的长度相同。看起来渲染是从

BorderSide

获取宽度，而不是使用垂直于斜边的宽度，而是作为水平宽度

我不确定如何修复这个问题，也不确定它是否按预期工作，或者是一个bug。 您可能希望将此作为一个问题发布在FlatterGithub上

材料(
颜色：颜色，黑色，
clipBehavior:Clip.antiAlias，
形状：斜面矩形边框(
边线(
颜色：color.fromRGBO（255,0,0,1），
宽度：30，
),
borderRadius：仅限borderRadius(
左下角：半径。圆形(
80,
),
),
),
子容器：新容器(
宽度：200，
身高：300，
颜色：颜色，黑色，
),
)

除了下面提到的答案外，您还可以将线条加粗一点，这样效果就不那么明显了。