Is there any ways to draw a vertical line connected with dots between items in the ListView? I am new to flutter and couldn't find any approach to do this. Please help.

What I am trying to do is shown in the picture. I have a list of times and want to show users which times are already booked by connecting two dots with vertical line. enter image description here

CodePudding user response：

You can try timelines: ^0.1.0 package. Add this to your package's pubspec.yaml file:

dependencies:
  timelines: ^[latest_version]

You can install packages from the command line:

flutter pub get

then use it based on the example here.

CodePudding user response：

You can use Divider widget wherever you want like this,

 Divider(
                color: Colors.Y, // Y is your desired color
                thickness: X, // X is your int value 
              ),