CODEWITHSUNDEEP
flutter
Santiago Rodriguez
Santiago Rodriguez

Reputation: 1

How can I draw a list with lines in Flutter

How would I paint a list of instructions that looks like this?

Upvotes: 0

Views: 211

Answers (2)

Jim
Jim

Reputation: 7601

try timelines:

@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,
    ),
  );
}

Upvotes: 1

matt020java
matt020java

Reputation: 49

it´s really easy, flutter have a widget for it, it is called Stepper, this is the Stepper´s widget documentation link: https://api.flutter.dev/flutter/material/Stepper-class.html, research about this widget and you´ll make that design

Upvotes: 0

Related Questions