Flutter error: 'ScrollController not attached to any scroll views.' on scroll

Question

Whenever I scroll in my listview, I get this error spammed in console:

ScrollController not attached to any scroll views.
'package:flutter/src/widgets/scroll_controller.dart':
Failed assertion: line 110 pos 12: '_positions.isNotEmpty'

I've been trying to fix this all day and I'd like to have someone else take a look at it. There are more problems with this code, but right now I'm mainly interested in fixing this error.

I've tried to use Listview.builder, checking for hController.hasClients and many more small things. They didn't seem to change anything

class MyHome extends StatefulWidget {
  @override
  MyHomeState createState() => new MyHomeState();
}

class MyHomeState extends State<MyHome> with SingleTickerProviderStateMixin {
  ScrollController hController;
  ScrollController tController;
  ScrollController fController;
  ScrollController bController;

  @override
  void initState() {
    super.initState();
    hController = new ScrollController()..addListener(_scrollListener);
    tController = new ScrollController()..addListener(_scrollListener);
    fController = new ScrollController()..addListener(_scrollListener);
    bController = new ScrollController()..addListener(_scrollListener);
  }

  @override
  void dispose() {
    super.dispose();
    hController.removeListener(_scrollListener);
    tController.removeListener(_scrollListener);
    fController.removeListener(_scrollListener);
    bController.removeListener(_scrollListener);
  }
  @override
  Widget build(BuildContext context) {
    return new DefaultTabController(
        length: 4,
        child: new Scaffold(
          //Removed AppBar for readability
          body: new TabBarView(
            children: [
              new Container(// hot
                child: ListView(
                    controller: hController,
                    children: <Widget>[
                      Utils.show("hot")
                    ],
                ),
              ),
              new Container( //Trending
                child: ListView(
                  controller: tController,
                  children: <Widget>[
                    Utils.show("trending")
                  ],
                ),
              ),
              new Container( //Fresh
                child: ListView(
                  controller: fController,
                  children: <Widget>[
                    Utils.show("fresh")
                  ],
                ),
              ),
              new Container( //Best
                child: ListView(
                  controller: bController,
                  children: <Widget>[
                    Utils.show("best")
                  ],
                ),
              ),
            ],
          ),
        ));
  }
  void _scrollListener() {
    if (hController.position.extentAfter == 0.0) {
      setState(() {
        Utils.show("hot");
      });
    }else if (tController.position.extentAfter == 0.0) {
      setState(() {
        Utils.show("trending");
      });
    } else if (fController.position.extentAfter == 0.0) {
      setState(() {
        Utils.show("fresh");
      });
    } else if (bController.position.extentAfter == 0.0) {
      setState(() {
        Utils.show("best");
      });
    }
  }

}

Edit: For some clarity, the first time I posted this code, I used tController twice. This was ofcourse a mistake, but did not solve the error. The error happens when scrolling in every one of the four listviews.

Can you edit your post to add 'scroll_controller.dart' file? The error seems to lurk there. — Ananth
– Ananth, Commented Sep 27, 2019 at 12:02
@Ananth This is a default flutter file, the error refers to : ScrollPosition get position { assert(_positions.isNotEmpty, 'ScrollController not attached to any scroll views.'); assert(_positions.length == 1, 'ScrollController attached to multiple scroll views.'); return _positions.single; } — Karsten
– Karsten, Commented Sep 27, 2019 at 12:18

Andrew · Accepted Answer · 2020-04-21 10:57:33Z

49

To avoid such type of errors use the getter

ScrollController.hasClient

If this is false, then members that interact with the [ScrollPosition],such as [position], [offset], [animateTo], and [jumpTo], must not be called.

for example:

    if (_controller.hasClients) {
      _controller.animateTo(
      ...
    }

answered Apr 21, 2020 at 10:57

Andrew

38.3k14 gold badges149 silver badges120 bronze badges

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

Comments

Chriskaa developer · Accepted Answer · 2021-10-02 03:47:01Z

5

check controller does not have client ant then delay jump:

if (!_scrollController.hasClients) {
      _scrollController.animateTo(_scrollController.position.maxScrollExtent,
        duration: const Duration(milliseconds: 500),
        curve: Curves.easeInOut);
    }

answered Oct 2, 2021 at 3:47

Chriskaa developer

1091 silver badge3 bronze badges

Comments

Aakash Kumar · Accepted Answer · 2019-09-27 12:54:41Z

4

The problem is inside _scrollListener.

When you are checking controllers in if-else there is only one view at the scene. Means only one listview is rendered & only one scrollcontroller is completely setup. But in your code they are checking all scrollcontroller's positions in single function. Thats why you are getting this error. First check if controller have the positions, which it will only have if the controller is attached & view is rendered correctly. After that check for extentAfter value.

Exa -

if (hController.positions.length > 0 && tController.position.extentAfter == 0.0) {
}
else if (tController.positions.length > 0 && tController.position.extentAfter == 0.0) {
}

& so on

edited Sep 27, 2019 at 12:54

answered Sep 27, 2019 at 12:12

Aakash Kumar

1,1977 silver badges12 bronze badges

5 Comments

Karsten Over a year ago

Hi! Thank you for your comment. This was actually a mistake I made while debugging, after changing this the error still happens. (This did solve another problem, unfortunately just not the error) I edited the post to match the code I use now.

Aakash Kumar Over a year ago

Ok so you are facing the same problem. Can you comment me the code of line 110 as per the error? Do check if the error line number is changed & let me know

Karsten Over a year ago

The code on line 110 is from the default flutter file 'scroll_controller.dart', it refers to

ScrollPosition get position { assert(_positions.isNotEmpty, 'ScrollController not attached to any scroll views.'); assert(_positions.length == 1, 'ScrollController attached to multiple scroll views.'); return _positions.single; }

line 110 is the _positions.isNotEmpty

Aakash Kumar Over a year ago

Ohh, Sorry I didn't noticed that its the flutter's widget not your own. Ok Let me see what I can find about this.

Mimu Saha Tishan Over a year ago

thanks @AakashKumar you saved my time :) . it works for me

Andrii Turkovskyi · Accepted Answer · 2019-09-27 12:12:19Z

0

If you paste your code correctly - it seems there can be mistake:

new Container(// hot
  child: ListView(
    controller: tController,
    children: <Widget>[
      Utils.show("hot")
    ],
  ),
),
new Container( //Trending
  child: ListView(
    controller: tController,
    children: <Widget>[
      Utils.show("trending")
    ],
  ),
),

You have used tController two times and haven't used hController

answered Sep 27, 2019 at 12:12

Andrii Turkovskyi

29.6k19 gold badges99 silver badges108 bronze badges

1 Comment

Karsten Over a year ago

Hi! Thank you for your comment. This was actually a mistake I made while debugging, after changing this the error still happens. (This did solve another problem, unfortunately just not the error). I edited my post to match the code I use now.

Tharindu Nilakshana · Accepted Answer · 2020-04-13 19:32:52Z

0

Update your flutter sdk it will solve this problem That is work for me run this on your cmd - flutter update

answered Apr 13, 2020 at 19:32

Tharindu Nilakshana

811 silver badge2 bronze badges

Collectives™ on Stack Overflow

Flutter error: 'ScrollController not attached to any scroll views.' on scroll

5 Answers 5

Comments

Comments

5 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

5 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related