Как добавить закругленную границу в шаге прогресса

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

Надеюсь, это поможет!