如何使用自定义画家显示圆的一部分？

Question

所以我要创建这个卡片小部件

如何使用自定义画家创建圆的黄金部分？我可以创建一个完整的圆，但如何只显示圆的一小部分并隐藏其余部分？

Card(
        color: Colors.grey,
        child: Row(
          children: [
            Column(
              children: [
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Container(
                      width: MediaQuery.of(context).size.width * 0.4,
                      child: Text(
                          "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cursus sed eros ullamcorper.")),
                ),
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Text("*Conditions Apply"),
                )
              ],
            ),
            Container(
              color: Colors.pink,
              width: 200,
              height: 300,
              child: CustomPaint(
                painter: ArcPainter(),
              ),
            )
          ],
        )));

Answer 1

您可以通过 shape_of_view 包使用 ArcShape。

ShapeOfView(
  shape: ArcShape(
    direction: ArcDirection.Outside,
    height: 20,
    position: ArcPosition.Bottom
  ),
  child: ...
)