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

mwngjboj 于 2023-04-07 发布在 Flutter

关注(0)|答案(1)|浏览(209)

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

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

flutter

来源：https://stackoverflow.com/questions/75915143/how-to-find-paths-for-a-custom-shape-from-figma-file-to-use-in-clippath-flutter

1条答案

按热度按时间

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;
  }
}

赞(0）回复(0）举报 2023-04-07

我来回答

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

1条答案

相关问题

热门标签

最新问答