Как создать собственный степпер во Flutter? ⇐ IOS

[Anonymous]

Я хочу создать этот тип степпера во Flutter





до сих пор я пробовал это двумя способами

Виджет получает степпер => Контейнер( отступ: EdgeInsets.all(15), цвет: Цвета.белый, дочерний элемент: ListView.builder( itemCount: StepperList.length, термообертка: правда, физика: NeverScrollableScrollPhysics(), itemBuilder: (контекст, позиция) { вернуть IntrinsicHeight( ребенок: Контейнер( поле: const EdgeInsets.only(внизу: 20), ребенок: Строка( crossAxisAlignment: CrossAxisAlignment.stretch, mainAxisSize: MainAxisSize.min, дети: [ Столбец( mainAxisSize: MainAxisSize.min, вертикальное направление: Вертикальное направление.вниз, дети: [ Image.asset(stepperLIst[позиция].iconName), SizedBox(высота: 10), CustomPaint (художник: LineDashedPainter (lineColor: Colors.grey)) ], ), SizedBox(ширина: 10), Расширенный( ребенок: Столбец( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, дети: [ Текст( StepperList[позиция].титул, стиль: BaseStyles.textStyle.copyWith(fontFamily: BaseFonts.bold), ), SizedBox(высота: 10), Текст( StepperLIst[позиция].значение, стиль: BaseStyles.textStyle, ) ], ), ) ]), ), ); })); А также использование стека

Виджет get Stepper2 => Контейнер( отступ: EdgeInsets.all(15), цвет: Цвета.белый, дочерний элемент: ListView.builder( itemCount: StepperList.length, термообертка: правда, физика: NeverScrollableScrollPhysics(), itemBuilder: (контекст, позиция) { вернуть стек( дети: [ Позиционируется( слева: 0, верх: 0, внизу: 0, ребенок: Столбец( mainAxisSize: MainAxisSize.min, вертикальное направление: Вертикальное направление.вниз, дети: [ Image.asset(stepperLIst[позиция].iconName), SizedBox(высота: 10), CustomPaint (художник: LineDashedPainter (lineColor: Colors.grey)) ], ), // заменяем своим изображением ), Заполнение( отступ: const EdgeInsets.only(слева: 40), ребенок: Столбец( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, дети: [ Текст( StepperList[позиция].титул, стиль: BaseStyles.textStyle.copyWith(fontFamily: BaseFonts.bold), ), SizedBox(высота: 10), Текст( StepperLIst[позиция].значение, стиль: BaseStyles.textStyle, ) ], ), ) ], ); })); Используя приведенный выше код, я не получаю точных результатов

может ли кто-нибудь помочь мне создать этот тип степпера

Если вам нужна дополнительная информация, дайте мне знать. Заранее спасибо. Ваши усилия будут оценены по достоинству.