我有一个可滚动的ListView，其中项目的数量可以动态变化。每当一个新项目被添加到列表的末尾时，我希望以编程的方式将ListView滚动到末尾。(例如，类似聊天消息列表的东西，可以在最后添加新消息)
我的猜测是，我需要在我的State对象中创建一个ScrollController，并手动将其传递给ListView构造函数，这样我就可以稍后在控制器上调用animateTo() / jumpTo()方法。然而，由于我不容易确定最大滚动偏移量，因此似乎不可能简单地执行scrollToEnd()类型的操作(而我可以轻松地传递0.0使其滚动到初始位置)。
有没有简单的方法来实现这个目标?
使用reverse: true对我来说不是一个完美的解决方案，因为当只有少量的项目适合ListView视口时，我希望项目在顶部对齐。
当前回答
_controller.jumpTo(_controller.position.maxScrollExtent);
_controller.animateTo(_controller.position.maxScrollExtent);
这些调用不能很好地用于动态大小的项列表。在调用jumpTo()时，我们不知道列表有多长，因为所有的项都是变量，并且是在向下滚动列表时惰性构建的。
这可能不是聪明的方法，但作为最后的手段，你可以这样做:
Future scrollToBottom(ScrollController scrollController) async {
while (scrollController.position.pixels != scrollController.position.maxScrollExtent) {
scrollController.jumpTo(scrollController.position.maxScrollExtent);
await SchedulerBinding.instance!.endOfFrame;
}
}
其他回答
如果你想看到最后一项从底部填充可见，然后添加额外的距离像这样
_controller.jumpTo(_controller.position.maxScrollExtent + 200);
这里200是额外的距离
listViewScrollController.animateTo(listViewScrollController.position.maxScrollExtent)是最简单的方法。
我在尝试使用滚动控制器到列表底部时遇到了很多问题，所以我使用了另一种方法。
我没有创建一个事件将列表发送到底部，而是将逻辑更改为使用反向列表。
所以，每次我有一个新项目，我简单地，在列表的顶部插入。
// add new message at the begin of the list
list.insert(0, message);
// ...
// pull items from the database
list = await bean.getAllReversed(); // basically a method that applies a descendent order
// I remove the scroll controller
new Flexible(
child: new ListView.builder(
reverse: true,
key: new Key(model.count().toString()),
itemCount: model.count(),
itemBuilder: (context, i) => ChatItem.displayMessage(model.getItem(i))
),
),
_controller.jumpTo(_controller.position.maxScrollExtent);
_controller.animateTo(_controller.position.maxScrollExtent);
这些调用不能很好地用于动态大小的项列表。在调用jumpTo()时，我们不知道列表有多长，因为所有的项都是变量，并且是在向下滚动列表时惰性构建的。
这可能不是聪明的方法，但作为最后的手段，你可以这样做:
Future scrollToBottom(ScrollController scrollController) async {
while (scrollController.position.pixels != scrollController.position.maxScrollExtent) {
scrollController.jumpTo(scrollController.position.maxScrollExtent);
await SchedulerBinding.instance!.endOfFrame;
}
}
为了得到完美的结果，我将Colin Jackson和CopsOnRoad的答案结合如下:
_scrollController.animateTo(
_scrollController.position.maxScrollExtent,
curve: Curves.easeOut,
duration: const Duration(milliseconds: 500),
);
