Search code examples
androidfluttertimeline

How to make a simple Timeline UI?


I am going to make a timeline interface that shows us the progress going. In this case for the marketplace.

Here what I want:

enter image description here

I was looking for the code but I can't find the way to make it.

I mean I'm not going to using stack with this case


Solution

  • Check out this library

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