Implement a scrollable drawer with flutter, it shows a bottom overflow when I rotate

Question

Bottom overflow in Drawer when I rotate the screen.

Please add some code which you have tried or any reference image — Kailash Chouhan, Sep 10 '19 at 11:29

score 7 · Answer 1 · answered Sep 10 '19 at 18:58

7

Use SingleChildScrollView like this

drawer: Drawer(
child: SingleChildScrollView(
        scrollDirection: Axis.vertical,
        child: Column(
        children: <Widget>[
                  YourWidgetsHere(),
                  YourWidgetsHere(),
                  YourWidgetsHere(),
                  YourWidgetsHere(),
                  YourWidgetsHere(),
                  YourWidgetsHere(),
                  YourWidgetsHere(),
                  YourWidgetsHere(),
        ]),),)

Or

Drawer(
        child: ListView(
          children: <Widget>[           
ListTile(
              dense: true,
              title: Text("Example"),
              leading: new Image.asset(
                "assets/images/example.png",
                width: 20.0,
              ),
            ),
]),),

answered Sep 10 '19 at 18:58

Lucas Matos

566
3
8

1

What's the benefit of copying other 2 answers and putting it as yours? -1 from me. – Sep 11 '19 at 09:07
What??!! Really look at the code and see it's different, okay? – Lucas Matos Sep 11 '19 at 18:25
Just by adding one or two properties doesn't make your code look unique, everyone can do that, the main point of question was to either use `ListView` or `SingleChildScrollView`, may I know what special value you added to the post? – Sep 12 '19 at 09:28

score 3 · Answer 2 · answered Sep 10 '19 at 11:20

3

Put it inside a SingleChildScrollView

answered Sep 10 '19 at 11:20

Vettiyanakan

7,957
6
37
55

CopsOnRoad · Answer 3 · 2019-09-10T11:23:31.757

2

Use ListView for your Drawer.

drawer: Drawer(
  child: ListView(
    padding: EdgeInsets.zero,
    children: <Widget>[
      YourWidgetsHere(),
      YourWidgetsHere(),
      YourWidgetsHere(),
      YourWidgetsHere(),
      YourWidgetsHere(),
      YourWidgetsHere(),
      YourWidgetsHere(),
      YourWidgetsHere(),
    ],
  ),
)

edited Sep 10 '19 at 11:23

answered Sep 10 '19 at 11:18

CopsOnRoad

237,138
77
654
440

score 1 · Answer 4 · answered Oct 21 '22 at 10:17

1

Use Wrap instead of ListView or Column

answered Oct 21 '22 at 10:17

Younes Zaouda

11
1

Implement a scrollable drawer with flutter, it shows a bottom overflow when I rotate

4 Answers4

Linked