Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 如何实现下拉刷新和上拉加载(iOS风格)?_Flutter_Pull To Refresh - Fatal编程技术网

Flutter 如何实现下拉刷新和上拉加载(iOS风格)?

Flutter 如何实现下拉刷新和上拉加载(iOS风格)?,flutter,pull-to-refresh,Flutter,Pull To Refresh,我正在使用颤振列表视图。我想在我的应用程序中添加iOS下拉刷新和上拉加载更多样式(两者相同)。我发现了RefreshIndicator类,但它的风格不是我想要的(它似乎是android风格)。我也试过了。但似乎很难适应同样的情况。有什么有用的课程我可以用吗 我所做的工作如下: SmartRefresher( enablePullDown: true, enablePullUp: true, header: WaterDropHeade

我正在使用颤振
列表视图
。我想在我的应用程序中添加iOS下拉刷新和上拉加载更多样式(两者相同)。我发现了RefreshIndicator类,但它的风格不是我想要的(它似乎是android风格)。我也试过了。但似乎很难适应同样的情况。有什么有用的课程我可以用吗

我所做的工作如下:

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\u refresh\u indicator”包制作带有自定义加载指示器的下拉式刷新小部件。