Scrollable.of() was called with a context that does not contain a Scrollable widget

Question

I/flutter ( 5136): Another exception was thrown: Scrollable.of() was called with a context that does not contain a Scrollable widget. I/flutter ( 5136): Another exception was thrown: A RenderFlex overflowed by 199495 pixels on the bottom.

The project appear this problem after i push the project to github. ALL of my page become like this

before push to the github the project is working properly, anyone can help me for this? Since I can't find any solution for this problem

I found the same issue when update Flutter to the latest version. To fix it you need to wrap the Slidable Widget in a ListView.Builder. — Leandro Ariel, Jan 26 '23 at 11:11

score 12 · Answer 1 · answered Jan 26 '23 at 21:22

12

Like Leandro Ariel, encountered the bug when upgrading flutter to 3.7. Wrapping the slidable with ListView.builder fix the bug but come with some undesirable scroll effects, wrapping with Scrollable did a better job:

Scrollable(
  viewportBuilder: (BuildContext context, ViewportOffset position) => your widget here,
);

answered Jan 26 '23 at 21:22

Geoffrey Marizy

5,282
2
26
29

update: this presented problems in tests. but I'm investigating. in the app the error disappeared. – Felipe Sales Jan 27 '23 at 13:23
Is that actually a bug or some changes in Flutter? Is it reported to Flutter? – user1209216 Feb 24 '23 at 19:35
It seems to be a change in Flutter 3.7. There is an issue: https://github.com/flutter/flutter/issues/115705 . – Geoffrey Marizy Feb 24 '23 at 19:50

score 3 · Answer 2 · answered Apr 12 '23 at 08:27

3

Just wrap your widget inside SingleChildScrollView.

SingleChildScrollView( child: YOUR_WIDGET),

answered Apr 12 '23 at 08:27

swati kapoor

131
13

score 1 · Answer 3 · answered Jan 26 '23 at 11:10

I found the same issue when update Flutter to the latest version. To fix it you need to wrap the Slidable Widget in a ListView.Builder. Something like this:

ListView.builder(
        key: UniqueKey(),
        shrinkWrap: true,
        itemCount: 1,
        itemBuilder: (context, index) {
          YOUR_SLIDABLE()
        }
);

Scrollable.of() was called with a context that does not contain a Scrollable widget

3 Answers3