如何在 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,
      )
    ),
  )
),

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

How to get border for a clipped Container() in flutter

flutter

flutter-web