如何从figma文件中找到自定义形状的路径以在ClipPath Flutter中使用?

mwngjboj  于 2023-04-07  发布在  Flutter
关注(0)|答案(1)|浏览(210)


我试图复制的加号和减号按钮的产品数量在Flutter,我想使用ClipPath与子容器.有没有办法找到路径使用的形状或我不得不猜测?和有没有更好的解决方案,而不是裁剪?

ClipPath(
        child: Container(
          width: MediaQuery.of(context).size.width,
          height: 200,
          color: Colors.red,
        ),
        clipper: CustomClipPath(),
      ),
    );
lokaqttq

lokaqttq1#

您可以使用flutter shape maker将svg转换为自定义路径。

class CustomPath extends CustomClipper<Path> {
  @override
  getClip(Size size) {
    Path path = Path();
    path.lineTo(0, size.height);
    path.cubicTo(...);
    path.cubicTo(...);
    path.cubicTo(...);
    path.cubicTo(...);

    return path;
  }

  @override
  bool shouldReclip(covariant CustomClipper oldClipper) {
    return false;
  }
}

相关问题