带圆角的矩形组件

Question

我在谷歌上搜索如何在 Flame (Flutter) 中创建圆角矩形的解决方案，但没有找到任何相关的示例或想法。

有办法做到这一点吗？

我试图找到解决方案，但目前我唯一的想法就是使用 SVG。

Answer 1

我在文档中找不到与圆角相关的任何内容。您可以尝试扩展形状组件

https://docs.flame-engine.org/main/flame/components.html

class RoundedRectangleComponent extends ShapeComponent {
 RoundedRectangleComponent(double radius)
     : super(
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(radius),
         ),
       );
}

 add(RoundedRectangleComponent(30.0));