如何实现下拉刷新和上载加载iOS样式?

问题描述

我正在颤抖ListView。我想在我的应用中添加iOS下拉刷新和上拉加载更多样式(两者具有相同的样式)。我找到了Refreshindicator class,但是样式不是我想要的(似乎是android样式)。我也尝试过pull_to_refresh。但似乎很难调整到相同的水平。那我可以使用任何有用的课程吗?

what I want

我的工作如下:

SmartRefresher(
          enablePullDown: true,enablePullUp: true,header: WaterDropHeader(),footer: CustomFooter(
            builder: (BuildContext context,LoadStatus mode){
              Widget body ;
              if(mode==LoadStatus.idle){
                body =  Text("pull up load");
              }
              else if(mode==LoadStatus.loading){
                body =  Container();
              }
              else if(mode == LoadStatus.Failed){
                body = Text("Load Failed!Click retry!");
              }
              else if(mode == LoadStatus.canLoading){
                body = Text("release to load more");
              }
              else{
                body = Text("No more Data");
              }
              return Container(
                height: 55.0,child: Center(child:body),);
            },),child: ListView.builder(
            itemBuilder: (c,i) => Card(child: Center(child: Text(items[i]))),itemExtent: 100.0,itemCount: items.length,controller: _refreshController,onRefresh: _onRefresh,onLoading: _onLoading,)

解决方法

您可以使用“ custom_refresh_indicator”包制作带有自定义加载指示器的下拉刷新小部件。
https://pub.dev/packages/custom_refresh_indicator