Flutter - ListView is not Scrolling inside Drawer

Question

I used a ListView inside a Drawer Widget and Used ListView.Builder inside that ListView to print out menus. Now All Menus are Printed Perfectly But The Drawer is not Scrolling. How to make it scroll?

Widget build(BuildContext context) {
    return Drawer(
      child: ListView(
        padding: EdgeInsets.zero,
        children: <Widget>[
          DrawerHeader(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.end,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                Text('Guide to Make Money'),
              ],
            ),
            decoration: BoxDecoration(
              image: DecorationImage(
                  image: AssetImage('images/header_photo.jpg'),
                  fit: BoxFit.cover),
            ),
          ),
          Container(
            height: double.maxFinite,
            child: ListView.builder(
              padding: EdgeInsets.only(top: 0.0),
              itemBuilder: (context, index) {
                final profession = professionList[index];
                return Ink(
                  color: selectedLink == index ? Colors.blueGrey : null,
                  child: ListTile(
                    title: Text(profession.heading),
                    onTap: () {
                      setState(() {
                        selectedLink = index;
                      });

                      Navigator.pushNamed(context, profession.destinationRoute);
                    },
                    leading: index == 0
                        ? Icon(
                            Icons.home,
                          )
                        : Icon(Icons.description),
                  ),
                );
              },
              itemCount: professionList.length,
            ),
          ),
        ],
      ),
    );
  }

I need to make it Scroll... Please Help P.S: Hi, I'm new to Flutter and also Stack overflow.. I wanted to upload image as well but this website say's I need to have 10 reputation at least... So, I have just a Code for you.. I hope you can figure out and help me with this.

score 4 · Answer 1 · answered Nov 22 '19 at 08:07

Try this, Column instead ListView, and Expanded instead Container(height: double.maxFinite

  return Drawer(
    child: Column(
      children: <Widget>[
        DrawerHeader(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.end,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: <Widget>[
              Text('Guide to Make Money'),
            ],
          ),
          decoration: BoxDecoration(
            color: Colors.white,
          ),
        ),
        Expanded(
          child: ListView.builder(
            padding: EdgeInsets.only(top: 0.0),
            itemCount: 22,
            itemBuilder: (context, index) {
              return Ink(
                color: true ? Colors.blueGrey : null,
                child: ListTile(
                  title: Text("profession.heading"),
                  onTap: () {},
                  leading: index == 0
                      ? Icon(
                          Icons.home,
                        )
                      : Icon(Icons.description),
                ),
              );
            },
          ),
        ),
      ],
    ),
  );

score 0 · Answer 2 · answered Mar 18 '20 at 07:35

Container(
            height: double.maxFinite,
            child: ListView.builder(
                itemCount: data == null ? 0 : data.length,
                itemBuilder: (BuildContext context, i) {
                  return new ListTile(
                    title: new Text(data[i]["title"]),
                  );
                }))

score 0 · Answer 3 · answered Dec 16 '20 at 11:57

0

We can just add physics: ClampingScrollPhysics(), to the ListView.builder and it scrolls perfectly

answered Dec 16 '20 at 11:57

Rajnish

1
1
1

I have the same problem, but when i add this physics, not work – Yosmel López Pimentel Sep 15 '21 at 19:06

Flutter - ListView is not Scrolling inside Drawer

3 Answers3