Флаттер | Как сделать простой пользовательский интерфейс Timeline во флаттере?

Question

Я собираюсь сделать интерфейс временной шкалы, который показывает нам прогресс. в этом случае для рынка.

вот что я хочу:

Я искал код, но не могу найти способ его сделать. нужна ваша помощь. Я имею в виду, я не собираюсь использовать стек в этом случае

спасибо.

Answer 1

Проверьте эту библиотеку

import 'package:timeline_list/timeline.dart';
import 'package:timeline_list/timeline_model.dart';

List<TimelineModel> items = [
      TimelineModel(Placeholder(),
          position: TimelineItemPosition.random,
          iconBackground: Colors.redAccent,
          icon: Icon(Icons.blur_circular)),
      TimelineModel(Placeholder(),
          position: TimelineItemPosition.random,
          iconBackground: Colors.redAccent,
          icon: Icon(Icons.blur_circular)),
    ];
    return Timeline(children: items, position: TimelinePosition.Center);

Answer 2

наконец, я использую стеки. может быть, это единственный простой способ.