如何在逐步进度中添加圆形边框

Question

我想创建一个如下所示的进度条

但是我只找到没有此选项的软件包，有人知道软件包或以任何方式执行此操作吗？

您能获得的最接近的是使用此库：step_progress_indicator 0.2.1 + 4

           padding: const EdgeInsets.all(16),
           child: StepProgressIndicator(
             size: 8,
             totalSteps: 8,
             currentStep: 3,
             selectedColor: Colors.black,
             unselectedColor: Colors.grey,
             padding: 0.8,
           ),
         ),

Answer 1

我不知道此插件的行为，但是也许将其包装在ClipRRect小部件中可以帮助您：

ClipRRect(
  borderRadius: BorderRadius.circular(16.0), // Change this like you want
  clipBehavior: Clip.antiAlias,
  child: StepProgressIndicator(
    size: 8,
    totalSteps: 8,
    currentStep: 3,
    selectedColor: Colors.black,
    unselectedColor: Colors.grey,
    padding: 0.8,
  ), 
),

希望这会有所帮助！