Flutter list.builder not scrolling

Question

I have in my body a tab then a column and in it I call to build a dynamic list of card using the another widget class. All seems to be working fine but I am getting this error.

The following message was thrown during layout:
I/flutter ( 5090): A RenderFlex overflowed by 115 pixels on the bottom.

The issue is that the list is not able to scroll despite me wrapping it into a flexible widget. Here is the code snippet which builds the the list.I have also enable physics: AlwaysScrollableScrollPhysics(), yet the same issue. I know if I fix a particular height it will work but I dont want to to do that cause that defeats the whole idea.

Widget buildDynamicList(BuildContext context) {
    return new Flexible(
                //decoration: new BoxDecoration(border: new Border.all(width: 2.0)),
                //height:double.infinity,

                //fit: FlexFit.loose ,
                child: ListView.builder(
                  physics: AlwaysScrollableScrollPhysics(),
                    shrinkWrap: true,
                      itemCount: vehicles.length,                      
                      itemBuilder: (BuildContext ctxt, int index) {
                        return Row( 
                          mainAxisSize: MainAxisSize.max,
                          //mainAxisSize: MainAxisSize.max, 
                          children: <Widget>[ 
                            RouteTile(index: index)
                         // expansionConfigurableRouteTile(ctxt, index), 
                          ], 
                          );
                      }
                     )    
          );         
}

Tin Man · Accepted Answer · 2019-03-09 07:32:43Z

2

Flexible only makes your child height variable. It does not make your lists scrollable. In order to do that, wrap your Flexible widget with a SingleChildScrollView widget.

answered Mar 9, 2019 at 7:32

Tin Man

9411 gold badge14 silver badges31 bronze badges

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

9 Comments

newbie Over a year ago

I tried ready like this new Column( mainAxisSize: MainAxisSize.min, children: <Widget>[ SingleChildScrollView (child: buildDynamicList(context) ) ], );

newbie Over a year ago

But it give me error Flexible widget must be placed directly inside a flex widget

Tin Man Over a year ago

@newbie Try it the other way around: put SingleChildScrollView on the outside of Flexible

newbie Over a year ago

I switch their placing the same old error on the A RenderFlex overflowed by 115 pixels on the bottom

newbie Over a year ago

what else could be the issue I know is just small tweak more I tried adding flex:1 still the same though

|

valvoline · Accepted Answer · 2020-09-02 17:38:08Z

-1

removing shrinkWrap: true will do the trick

answered Sep 2, 2020 at 17:38

valvoline

8,1573 gold badges51 silver badges53 bronze badges

2 Comments

newbie Over a year ago

What does shrink wrap do is to enable it to save space right

Tushar Rai Over a year ago

yes without shrinkWrap: true list is not visible

Collectives™ on Stack Overflow

Flutter list.builder not scrolling

2 Answers 2

9 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related