Flutter下拉刷新与上拉分页加载实现.pdfVIP

Flutter下拉刷新上拉分页加载

主讲:()合作:(IT营)

我的专栏:

一、Flutter下拉刷上拉分页.1

二、Flutter下拉刷新.1

三、Flutter上拉分页加载.2

一、Flutter下拉刷上拉分页

在FlutterSDK中，给我们了用于下拉刷新的组件RefreshIndicator。但是

并没有上拉分页加载的组件。不过在Flutter的ListView中有一个

ScrollController属性，它专门用来控制ListView的滑动。在这里，我们可以根据

ListView的位置来判断是否滑动到了底部，从而进行加载的处理。

Api接口：

ht

二、Flutter下拉刷新

@override

Widgetbuild(BuildContextcontext){

return

Scaffold(appBar:

AppBar(

title:Text(请求数据DioDemo),

),

body:this.

_list.length0?

RefreshIndicator(

onRefresh：_onRefresh,

Flutter下拉刷新上拉分页加载

主讲：（）

合作：（IT营）

我的专栏：

一、Flutter下拉刷上拉分页1

二、Flutter下拉刷新1

三、Flutter上拉分页加载2

一、Flutter下拉刷上拉分页

在Fluttersdk中给我们了下拉刷新的组件RefreshIndicator。但是

没有上拉分页加载的组件。但是在FlutterListView中有一个

ScrollController属性，它就是专门来控制ListView滑动，在这里我们可

以根据ListView的位置来判断是否滑动到了底部来做加载的处理。

Api接口：

二、Flutter下拉刷新

@override

Widgetbuild(BuildContextcontext)

{returnScaffold(

appBar:AppBar(

title:Text(请求数据DioDemo),

),

body:this._list.length0?

RefreshIndicator(

onRefresh:_onRefresh,

itemBuilder:(context,index){return

Text(加载中...);}FuturevoidonRefresh()async

{print(执行刷新);}

三、上拉分页加载

scrollController.position.pixels滚动的距离

scrollController.position.maxScrollExtent总距离

代码

ScrollControllerscrollControllerScrollController();//

listview的控制器voidinitState(){super.initState();this.