你可以听ScrollController
.
ScrollController
有一些有用的信息,比如滚动集和ScrollPosition
的列表.
在您的例子中,有趣的部分在controller.position
,也就是当前可见的ScrollPosition
.它表示可滚动对象的一段.
ScrollPosition
包含有关它在可滚动对象中的位置的信息.例如extentBefore
和extentAfter
.或者是它的大小,extentInside
号.
考虑到这一点,您可以基于表示剩余可用滚动空间的extentAfter
触发服务器调用.
下面是一个使用我所说内容的基本示例.
class MyHome extends StatefulWidget {
@override
_MyHomeState createState() => _MyHomeState();
}
class _MyHomeState extends State<MyHome> {
ScrollController controller;
List<String> items = List.generate(100, (index) => 'Hello $index');
@override
void initState() {
super.initState();
controller = ScrollController()..addListener(_scrollListener);
}
@override
void dispose() {
controller.removeListener(_scrollListener);
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Scrollbar(
child: ListView.builder(
controller: controller,
itemBuilder: (context, index) {
return Text(items[index]);
},
itemCount: items.length,
),
),
);
}
void _scrollListener() {
print(controller.position.extentAfter);
if (controller.position.extentAfter < 500) {
setState(() {
items.addAll(List.generate(42, (index) => 'Inserted $index'));
});
}
}
}
您可以清楚地看到,当到达滚动的末尾时,由于加载了更多的项目,滚动条会扩展.