Flutter ListView bounces at the bottom but not on the top (iOS)

Question

I have an app that contains a Widget which presents a ListView.builder with some custom Widgets in it (dynamic length).

For some reason, the list bounces perfectly fine on the bottom (over-scroll in the bottom), but does not bonce at the top (on over-scroll in the top).

I've tried to add this line of code:

physics: AlwaysScrollableScrollPhysics( parent: BouncingScrollPhysics() ),

as well as this one:

physics: BouncingScrollPhysics(parent: AlwaysScrollableScrollPhysics() ),

But none of them worked.

Does anyone know how can I make the list bounce on both sides?

user_13333642 · Answer

The top doesn't bounce because you set the shrinkWrap property of the listview to true.

Solution: set shrinkWrap to false and wrap your listView with a container() or sizedBox()

Check the video below for illustration.

https://drive.google.com/file/d/1_f1d0iY0XVOFi2RoCgbohk4CRhT0G08_/view?usp=sharing

user_12483095 · Answer

Without actually seeing your code, it seems like you're using shrinkWrap: true property in your ListView which is preventing it to overscroll on the top (bottom works though).

If that's the case, your better bet is to use a Column wrapped in a SingleChildScrollView. Here's the minimal code:

SingleChildScrollView(
  physics: BouncingScrollPhysics(parent: AlwaysScrollableScrollPhysics()),
  child: Column(),
)

Flutter ListView bounces at the bottom but not on the top (iOS)

2 Answers