How to populate custom widget items into listview in flutter?

Question

I want to create listview like this image. How can I achieve this using flutter?

Please do a favour if you know how to make it?

Vrushi Patel · Accepted Answer · 2019-10-21 12:38:52Z

2

You need a List view widget and with builder which contains a card widget which has Row as child.

ListView :-

ListView.builder(
        padding: EdgeInsets.all(10.0),
        shrinkWrap: false,
        itemCount: model.length,
        itemBuilder: (BuildContext context, int index) {
          return listItem(context, index);
        },

List item :-

model is removed

Widget listItem(BuildContext context, int index) {
  return Card(
  child: Row(
    children: <Widget>[

      Container(margin: EdgeInsets.all(10),child: Text("1")),
      Container(height: 20,width: 1,color: Colors.blue,),
      Container(margin:EdgeInsets.all(10),child: Text("asdasd"))
    ],
  ),
);
}

edited Oct 21, 2019 at 12:38

answered Oct 21, 2019 at 12:07

Vrushi Patel

2,4611 gold badge19 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Vrushi Patel Over a year ago

you can search all that up flutter.dev/docs/development/ui/widgets at this link.

raman raman Over a year ago

Hi, How can I add background colors

Vrushi Patel Over a year ago

Add decoration property then color into it

Collectives™ on Stack Overflow

How to populate custom widget items into listview in flutter?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related