【问题标题】:Flutter error: 'ScrollController not attached to any scroll views.' on scroll颤振错误:'ScrollController 未附加到任何滚动视图。'在滚动
【发布时间】:2020-01-27 18:08:16
【问题描述】:

每当我在列表视图中滚动时,我都会在控制台中收到此错误消息:

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

我整天都在努力解决这个问题,我想让其他人看看它。 这段代码还有更多问题,但现在我主要关心的是修复这个错误。

我尝试使用 Listview.builder,检查 hController.hasClients 和更多小东西。他们似乎没有改变任何东西

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");
      });
    }
  }

}

编辑:为了清楚起见,我第一次发布此代码时,我使用了两次 tController。这当然是一个错误,但并没有解决错误。滚动四个列表视图中的每一个时都会发生错误。

【问题讨论】:

  • 您可以编辑您的帖子以添加“scroll_controller.dart”文件吗?错误似乎潜伏在那里。
  • @Ananth 这是一个默认的flutter文件,错误指的是: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; }

标签: android listview flutter dart


【解决方案1】:

检查控制器没有客户端蚂蚁然后延迟跳转:

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

【讨论】:

    【解决方案2】:

    为避免此类错误,请使用 getter

    ScrollController.hasClient
    

    如果这是错误的,那么与 [ScrollPosition],如[position]、[offset]、[animateTo]、[jumpTo], 不得调用。

    例如:

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

    【讨论】:

      【解决方案3】:

      更新你的flutter sdk它将解决这个问题 那是为我工作 在你的 cmd 上运行它 - flutter update

      【讨论】:

        【解决方案4】:

        问题出在_scrollListener内部。

        当您在if-else 检查控制器时,现场只有一个视图。意味着只有一个listview 被渲染并且只有一个scrollcontroller 被完全设置。但是在您的代码中,他们正在检查单个函数中所有滚动控制器的位置。这就是您收到此错误的原因。首先检查控制器是否有位置,只有在连接控制器并且视图正确呈现时才会有位置。之后检查extentAfter 值。

        Exa -

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

        等等

        【讨论】:

        • 嗨!感谢您的评论。这实际上是我在调试时犯的一个错误,更改此错误后仍然会发生。 (这确实解决了另一个问题,不幸的是不是错误)我编辑了帖子以匹配我现在使用的代码。
        • 好的,你也面临同样的问题。你能根据错误评论我第110行的代码吗?请检查错误行号是否已更改并告诉我
        • 第110行的代码来自默认的flutter文件'scroll_controller.dart',它指的是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; }第110行是_positions.isNotEmpty
        • 哦,对不起,我没有注意到它不是你自己的颤振小部件。好的,让我看看我能找到什么。
        • 感谢@AakashKumar 你节省了我的时间:)。它对我有用
        【解决方案5】:

        如果您正确粘贴代码 - 似乎可能有错误:

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

        你用过tController两次,没有用过hController

        【讨论】:

        • 嗨!感谢您的评论。这实际上是我在调试时犯的一个错误,更改此错误后仍然会发生。 (这确实解决了另一个问题,不幸的是不是错误)。我编辑了我的帖子以匹配我现在使用的代码。
        猜你喜欢
        • 2019-02-06
        • 2019-07-30
        • 2019-02-17
        • 1970-01-01
        • 2019-10-30
        • 2021-06-24
        • 1970-01-01
        • 2019-02-09
        • 2021-08-12
        相关资源
        最近更新 更多