如何在flutter中为剪裁的Container()获取边界

Question

我正在使用"polygon_clifper 1.0.2"来剪裁我的容器。

Container(
height: 100,
width: 100,
child: ClipPolygon(
child: Container(
color: Theme.of(context).primaryColor,
),
sides: 6,
borderRadius: 10,
),
),

这里我得到一个填充的六边形，它的顶点是弯曲的。

我想要一个只有边框的六边形

下面的代码给出了一个具有圆形边框的容器。我想要类似的结果，但双方应该是6。

Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
border: Border.all(
width: 2, color: Theme.of(context).primaryColor
),
),
height: 100,
width: 100,
)

有解决方案吗

Answer 1

您可以使用PolygonBorder:

import 'package:polygon_clipper/polygon_border.dart';

Container(
height: 100,
width: 100,
decoration: ShapeDecoration(
shape: PolygonBorder(
sides: 6,
borderRadius: 10,
border: BorderSide(
color: Theme.of(context).primaryColor,
)
),
)
),