flutter - 如何在 flutter 中获取剪辑的 Container() 的边框

Question

我正在使用“polygon_clipper 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,
      )
    ),
  )
),