dart - 圆角的卡片小部件，右边框呈抖动状

我必须创建一个像这样的卡片:



我已经编写了以下代码来实现所需的UI，但未按预期工作。

Card(
  elevation: 5,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.only(
      bottomRight: Radius.circular(10),
      topRight: Radius.circular(10)),
    side: BorderSide(width: 5, color: Colors.green)),
  child: ListTile(),
)

上面的代码产生了这一点:



而使用以下代码:

Card(
  elevation: 5,
  shape: Border(right: BorderSide(color: Colors.red, width: 5)),
  child: ListTile(),
)

生成此输出:



如何在flutter中创建所需的UI？

最佳答案

我已经使用ClipPath来实现问题中提出的UI，请查看以下代码。

Card(
     elevation: 2,
     child: ClipPath(
       child: Container(
              height: 100,
              decoration: BoxDecoration(
              border: Border(right: BorderSide(color: Colors.green, width: 5))),
            ),
       clipper: ShapeBorderClipper(shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(3))),
               ),
    )

这给出了以下输出，


如果有更好的方法达到上述结果，请回答。