flutter - 如何通过颤动列表视图中的索引号滚动到索引？

Question

我有一个列表视图。我想通过它的相应索引号转到某个小部件。

我尝试过使用 ScrollController，但它需要偏移值才能跳转到索引。但是我想通过使用它的索引号来跳转到一个小部件。

请帮我修复它提前谢谢。

Answer 1

不幸的是，ListView 没有针对 scrollToIndex() 函数的内置方法。您必须开发自己的方法来测量该元素的偏移量animateTo()or jumpTo()，或者您可以从其他帖子中搜索建议的解决方案/插件，例如：

• 颤动 ListView 滚动到索引不可用
• Flutter：滚动到 ListView 中的小部件

（自 2017 年以来，在flutter/issues/12319讨论了一般的 scrollToIndex 问题，但目前还没有计划）

---

但是有一种不同的 ListView 确实支持 scrollToIndex：

• 可滚动定位列表
  • 可滚动定位列表
  • 依赖：flutter_widgets

您将它设置为与 ListView 完全相同，并且工作方式相同，只是您现在可以访问ItemScrollController执行以下操作：

• jumpTo({index, alignment})
• scrollTo({index, alignment, duration, curve})

简化示例：

ItemScrollController _scrollController = ItemScrollController();

ScrollablePositionedList.builder(
  itemScrollController: _scrollController,
  itemCount: _myList.length,
  itemBuilder: (context, index) {
    return _myList[index];
  },
)

_scrollController.scrollTo(index: 150, duration: Duration(seconds: 1));

（请注意，这个库是由 Google 开发的，而不是由 Flutter 核心团队开发的。）