How to achieve this connected dot layout in flutter?

Question

I want to create something like this :-

How can I achieve these connected dots layout that act as a tab bar. Is there any package available to do so?

Answer 1

You can use this plugin import timelines: ^0.1.0

import 'package:timelines/timelines.dart';


@override
Widget build(BuildContext context) {
  return Timeline.tileBuilder(
    builder: TimelineTileBuilder.fromStyle(
      contentsAlign: ContentsAlign.alternating,
      contentsBuilder: (context, index) => Padding(
        padding: const EdgeInsets.all(24.0),
        child: Text('Timeline Event $index'),
      ),
      itemCount: 10,
    ),
  );
}