Flutter - ListView.builder not scrollable

Question

I have my ListView.builder inside Expanded widget which render widgets correctly on the screen but I cannot scroll the widgets rendered by it.

 Widget build(BuildContext context) {
    return Container(
      child: FutureBuilder(
        future: getPostsForUid(),
        builder: (_, snap) {
          return Expanded(
            child: ListView.builder(
              physics: NeverScrollableScrollPhysics(),
              shrinkWrap: true,
              itemCount: snap.data.length,
              itemBuilder: (_, index) {
                if (snap.data[index]['post_type'] == 'real_estate') {
                  return realEstate(snap, index);
                }
                else if (snap.data[index]['post_type'] == 'video_sharing') {
                  return videoSharing(snap, index);
                }
                else {
                  return Text('');
                }
              },
            ),
          );
        },
      ),
    );
  }

Solomon Swamynathan · Accepted Answer · 2021-02-06 09:24:28Z

1

Try using ScrollPhysics() class, physics: ScrollPhysics(), here is the link for reference for the same.

answered Feb 6, 2021 at 9:24

Solomon Swamynathan

431 silver badge5 bronze badges

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

Comments

tafaust · Accepted Answer · 2021-02-07 07:57:07Z

1

You should set your physics to AlwaysScrollableScrollPhysics(). The docs state the following:

Scroll physics that always lets the user scroll. This overrides the default behavior which is to disable scrolling when there is no content to scroll. It does not override the handling of overscrolling. On Android, overscrolls will be clamped by default and result in an overscroll glow. On iOS, overscrolls will load a spring that will return the scroll view to its normal range when released.

Here is an image of "overscroll glow" for you to understand what that means.

Consider using shrinkWrap: false to expand your contents in case they are bounded.

Widget build(BuildContext context) {
    return Container(
      child: FutureBuilder(
        future: getPostsForUid(),
        builder: (_, snap) {
          return Expanded(
            child: ListView.builder(
              physics: AlwaysScrollableScrollPhysics(),
              shrinkWrap: true,
              itemCount: snap.data.length,
              itemBuilder: (_, index) {
                if (snap.data[index]['post_type'] == 'real_estate') {
                  return realEstate(snap, index);
                }
                else if (snap.data[index]['post_type'] == 'video_sharing') {
                  return videoSharing(snap, index);
                }
                else {
                  return Text('No data available.');
                }
              },
            ),
          );
        },
      ),
    );
  }

See the docs:

https://api.flutter.dev/flutter/widgets/AlwaysScrollableScrollPhysics-class.html

edited Feb 7, 2021 at 7:57

answered Feb 6, 2021 at 9:41

tafaust

1,53816 silver badges34 bronze badges

3 Comments

zrhl Over a year ago

adding AlwaysScrollableScrollPhysics() and shrinkWrap to false renders no widgets at all

tafaust Over a year ago

@zrhl Please make sure that is not due to your else case which renders an empty text. I modified the code in my answer to accommodate for that.

tafaust Over a year ago

@zrhl Did you test if your code produced the else case?

John Joe · Accepted Answer · 2021-02-06 06:52:44Z

0

Add Physics:AlwaysScrollable() in your Listview.

edited Feb 6, 2021 at 6:52

John Joe

12.8k19 gold badges79 silver badges142 bronze badges

answered Feb 6, 2021 at 6:25

Tasnuva Tavasum oshin

4,8001 gold badge19 silver badges30 bronze badges

2 Comments

zrhl Over a year ago

Added still not scrollable.

tafaust Over a year ago

@zrhl is your listview height larger than the viewport height? You might want to shrinkWrap: false in case your contents are bounded. api.flutter.dev/flutter/widgets/ScrollView/shrinkWrap.html

Collectives™ on Stack Overflow

Flutter - ListView.builder not scrollable

3 Answers 3

Comments

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related