Flutter listview is not visible

Question

 Widget servicesListview() {
    return Container(
        decoration: new BoxDecoration(color: const Color(0xFFEAEAEA)),
        child: Column(
          children: <Widget>[
            ListView.builder(
                scrollDirection: Axis.vertical,
                itemCount: menServicesList.length,
                itemBuilder: (BuildContext context, int index) {
                  Text(menServicesList[index].name);
                }),
          ],
        ));
  }

I am implementing listview in my flutter project whenever i call this method list is not visible.The page becomes blank,help me to solve this

Darlan Dieterich · Accepted Answer · 2019-04-30 02:08:03Z

34

I have a same problem. The ListView.builder don't work inside a Column, this necessary use the Expanded. The Expanded widget allows you to expand and fill the space with the relative widget.

See this:

child: Column(
   children: <Widget>[
      Expanded(
         child: ListView.builder(
            .......
         )
      )
   ]
)

answered Apr 30, 2019 at 2:08

Darlan Dieterich

2,5471 gold badge29 silver badges38 bronze badges

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

Comments

Fellipe Malta · Accepted Answer · 2019-02-13 12:33:50Z

9

Wrap your ListView inside of a Expanded or a Container widget, if you use a Container, you'll need to set a height/width.

This happens because ListView doesn't have a height/width property to edit.

EDIT

Don't forget to return your Text inside the itemBuilder property.

edited Feb 13, 2019 at 12:33

answered Feb 13, 2019 at 12:24

Fellipe Malta

3,5601 gold badge9 silver badges12 bronze badges

Comments

Jordan Davies · Accepted Answer · 2019-02-13 12:30:21Z

7

You're missing the return statement in your itemBuilder

itemBuilder: (BuildContext context, int index) {
    return Text(menServicesList[index].name);
}),

or

itemBuilder: (BuildContext context, int index) => Text(menServicesList[index].name)),

answered Feb 13, 2019 at 12:30

Jordan Davies

11k7 gold badges43 silver badges51 bronze badges

Comments

FlutterDevs · Accepted Answer · 2019-02-14 06:25:26Z

2

If you remove Column widget from the ListView, the list will definitely appear and if you want to give a decoration property to each element of a ListView.

Widget servicesListview() {
  return ListView.builder(
      scrollDirection: Axis.vertical,
      itemCount: menServicesList.length,
      itemBuilder: (BuildContext context, int index) {
        Container(
            decoration: new BoxDecoration(color: const Color(0xFFEAEAEA)),
            child: Text(menServicesList[index].name)
        );
      })
}

answered Feb 14, 2019 at 6:25

FlutterDevs

4896 silver badges9 bronze badges

1 Comment

Vishali Over a year ago

i tried the code which you updated its not working the page is still remains blank

Collectives™ on Stack Overflow

Flutter listview is not visible

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related