如何实现下拉刷新和上拉加载（iOS风格）？答案

【问题标题】：How to implement pull-down refresh and pull-up loading (iOS style)?如何实现下拉刷新和上拉加载（iOS风格）？
【发布时间】：2021-02-01 22:27:14
【问题描述】：

我正在使用颤振ListView。我想在我的应用程序中添加 iOS 下拉刷新和上拉加载更多样式（两者相同）。我找到了RefreshIndicator class，但风格不是我想要的（它似乎是一种 android 风格）。我也试过pull_to_refresh。但似乎很难适应。那么我可以使用任何有用的课程吗？

我所做的如下：

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,
        )

【问题讨论】：

标签： flutter pull-to-refresh

【解决方案1】：

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

【讨论】：