Flutter 错误：“ScrollController 未附加到任何滚动视图。” 在卷轴上

Question

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

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。 这当然是一个错误，但并没有解决错误。 在四个列表视图中的每一个中滚动时都会发生错误。

Answer 1

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

ScrollController.hasClient

如果为 false，则不得调用与 [ScrollPosition] 交互的成员，例如 [position]、[offset]、[animateTo] 和 [jumpTo]。

例如：

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

Answer 2

问题在_scrollListener内部。

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

前 -

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

＆ 很快

Answer 3

查看controller没有client ant然后延时跳转：

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

Answer 4

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

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

Answer 5

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