Как получить границу для обрезанного контейнера () во флаттере

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,
      )
    ),
  )
),