BouncingScrollPhysics not working with "shrinkWrap: true"

Question

I have a ListView with shrinkWrap: true.

Also, I have applied BouncingScrollPhysics() to the ListView

The problem is bounce physics only works at the bottom of ListView. When I scroll to the top, it doesn't show the bounce effect.

Hey, I have the same problem right now with a ListView.separated; it will only bounce at the bottom. Did you find a solution for it? — Francis C, May 04 '20 at 05:43

score 24 · Accepted Answer · answered Jun 22 '20 at 13:27

24

You can try this:

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

answered Jun 22 '20 at 13:27

CopsOnRoad

237,138
77
654
440

This doesnt work on ListView.. It still bounce on the bottom only – JayVDiyk Nov 17 '20 at 15:38
@JayVDiyk That's why I didn't use `ListView`, I know it won't work there. – CopsOnRoad Nov 18 '20 at 06:58

score 6 · Answer 2 · answered Jun 01 '20 at 16:43

6

I had the same problem, I just used physics: AlwaysScrollableScrollPhysics(parent: BouncingScrollPhysics())

answered Jun 01 '20 at 16:43

underfilho

211
2
9

BouncingScrollPhysics(parent: AlwaysScrollableScrollPhysics()) worked – Xihuny Jul 01 '20 at 09:45

score 4 · Answer 3 · answered Jul 22 '19 at 19:20

4

BouncingScrollPhysics() does not always work if the ListView is not 'full'. For example if the ListView needs 5 items to fill its view and become scrollable, then the BouncingScrollPhysics() will probably only work when the ListView contains 5 or more items.

answered Jul 22 '19 at 19:20

Ali Amin

355
1
2
8

3

It works only at the bottom of ``ListView`` at the top it won't work. – Xihuny Jul 23 '19 at 04:06

score 1 · Answer 4 · edited Jun 29 '22 at 17:41

1

Try using NeverScrollableScrollPhysics into the ListView.builder.

But first set the bouncing scroll physics:

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

And in the ListView use both shrinkWrap and physics:

ListView.builder(
shrinkWrap: true, physics: const NeverScrollableScrollPhysics(),

edited Jun 29 '22 at 17:41

help-info.de

6,695
16
39
41

answered Jun 26 '22 at 04:17

Carlos Cuellar

79
6

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jun 26 '22 at 12:05

score 0 · Answer 5 · answered Mar 29 '22 at 19:09

0

if above Functions are not works you should use this one physics: BouncingScrollPhysics(),

answered Mar 29 '22 at 19:09

Muhammad Imtiaz

1

But that's what the question is about! They _already_ applied `BouncingScrollPhysics()` and _it's not working_. – Jeremy Caney Mar 29 '22 at 19:23
Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Mar 30 '22 at 05:39

BouncingScrollPhysics not working with "shrinkWrap: true"

5 Answers5