我有一个可滚动的ListView，其中项目的数量可以动态变化。每当一个新项目被添加到列表的末尾时，我希望以编程的方式将ListView滚动到末尾。(例如，类似聊天消息列表的东西，可以在最后添加新消息)
我的猜测是，我需要在我的State对象中创建一个ScrollController，并手动将其传递给ListView构造函数，这样我就可以稍后在控制器上调用animateTo() / jumpTo()方法。然而，由于我不容易确定最大滚动偏移量，因此似乎不可能简单地执行scrollToEnd()类型的操作(而我可以轻松地传递0.0使其滚动到初始位置)。
有没有简单的方法来实现这个目标?
使用reverse: true对我来说不是一个完美的解决方案，因为当只有少量的项目适合ListView视口时，我希望项目在顶部对齐。
当前回答
为了得到完美的结果，我将Colin Jackson和CopsOnRoad的答案结合如下:
_scrollController.animateTo(
_scrollController.position.maxScrollExtent,
curve: Curves.easeOut,
duration: const Duration(milliseconds: 500),
);
其他回答
对我来说，问题是scrollController.position.maxScrollExtent总是返回0.0。原因是我的ListView在ScrollView里面。
删除ScrollView修复了这个问题。
为了得到完美的结果，我将Colin Jackson和CopsOnRoad的答案结合如下:
_scrollController.animateTo(
_scrollController.position.maxScrollExtent,
curve: Curves.easeOut,
duration: const Duration(milliseconds: 500),
);
如果你想看到最后一项从底部填充可见，然后添加额外的距离像这样
_controller.jumpTo(_controller.position.maxScrollExtent + 200);
这里200是额外的距离
listViewScrollController.animateTo(listViewScrollController.position.maxScrollExtent)是最简单的方法。
如果你使用一个带有reverse: true的收缩包装的ListView，那么将它滚动到0.0就可以了。
import 'dart:collection';
import 'package:flutter/material.dart';
void main() {
runApp(new MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Example',
home: new MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
List<Widget> _messages = <Widget>[new Text('hello'), new Text('world')];
ScrollController _scrollController = new ScrollController();
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new Center(
child: new Container(
decoration: new BoxDecoration(backgroundColor: Colors.blueGrey.shade100),
width: 100.0,
height: 100.0,
child: new Column(
children: [
new Flexible(
child: new ListView(
controller: _scrollController,
reverse: true,
shrinkWrap: true,
children: new UnmodifiableListView(_messages),
),
),
],
),
),
),
floatingActionButton: new FloatingActionButton(
child: new Icon(Icons.add),
onPressed: () {
setState(() {
_messages.insert(0, new Text("message ${_messages.length}"));
});
_scrollController.animateTo(
0.0,
curve: Curves.easeOut,
duration: const Duration(milliseconds: 300),
);
}
),
);
}
}
