flutter滚动到底部_flutter 下拉加载+下拉加载

功能：

1、下拉加载

2、上拉加载

3、显示加载图标

4、更新列表数据，隐藏加载图标

flutter库：

flutter_spinkit: ^3.1.0 加载图标

其他：加载列表需要列表，基于上一节的flutter 列表展示

细节：

1、列表构造器

a、绑定列表controller   //ScrollController scrollController = ScrollController();

b、更新LIST data

2、controller监听是否滑动到底部

@override

void initState() {

super.initState();

scrollController.addListener(() {

if (scrollController.position.pixels ==

scrollController.position.maxScrollExtent) {

print('滑动到了最底部${scrollController.position.pixels}');

setState(() {

showMore = true;

});

getMoreData(); // 增加点数据

}

});

getListData(); // 暂时未使用

}

@override

void dispose() {

super.dispose();

//手动停止滑动监听

scrollController.dispose();

}

3、 RefreshIndicator   刷新组件

new RefreshIndicator(

child: isLoading == false // 判断是否正在加载中

? new ListView.builder(

controller: scrollController,

itemCount: storyData.length, //列表长度+底部加载中提示

itemBuilder: (BuildContext context, int index) {

// 传入MessageData返回列表项

return new StoryItem(storyData[index]);

},

)

: new Stack(

children: [

new Padding(

padding:

new EdgeIns