我的仪表板代码如下所示, 在这里,我在getReport方法中执行GET请求,我在代码中添加了RefreshIndicator,当向下拉入容器内时,应该进行刷新,在那里我调用了我的getData(),但是我没有得到刷新的内容,我在下面添加我的代码,如果我在哪里出错了,请告诉我.

在我的仪表板下面.dart

class Window extends StatefulWidget {
  @override
  _WindowState createState() => _WindowState();
}

class _WindowState extends State<Window> {
  Future reportList;    
  @override
  void initState() {
    super.initState();
    reportList = getReport();
  }    

  Future<void> getReport() async {
    http.Response response =
        await http.get(reportsListURL, headers: {"token": "$token"});
    switch (response.statusCode) {
      case 200: 
        String reportList = response.body;
        var collection = json.decode(reportList);
        return collection;

      case 403:
          break;

      case 401:
        return null;

      default:
        return 1;
    }
  }

  getRefreshScaffold() {
    return Center(
      child: RaisedButton(
        onPressed: () {
          setState(() {
            reportList = getReport();
          });
        },
        child: Text('Refresh, Network issues.'),
      ),
    );
  }

  getDashBody(var data) {
    double maxHeight = MediaQuery.of(context).size.height;
    return Column(
      children: <Widget>[
        Container(
          height: maxHeight - 800,
        ),
        Container(
          margin: new EdgeInsets.all(0.0),
          height: maxHeight - 188,
          child: new Center(
          child: new RefreshIndicator(          //here I am adding the RefreshIndicator
          onRefresh:getReport,                  //and calling the getReport() which hits the get api
          child: createList(context, data),
          ),),
        ),
      ],
    );
  }

  Widget createList(BuildContext context, var data) {
    Widget _listView = ListView.builder(
      itemCount: data.length,
      itemBuilder: (context, count) {
        return createData(context, count, data);
      },
    );
    return _listView;
  }

  createData(BuildContext context, int count, var data) {
    var metrics = data["statistic_cards"].map<Widget>((cardInfo) {
      var cardColor = getColorFromHexString(cardInfo["color"]);
      if (cardInfo["progress_bar"] != null && cardInfo["progress_bar"]) {
        return buildRadialProgressBar(
          context: context,
          progressPercent: cardInfo["percentage"],
          color: cardColor,
          count: cardInfo["value"],
          title: cardInfo["title"],
        );
      } else {
        return buildSubscriberTile(context, cardInfo, cardColor);
      }
    }).toList();

    var rowMetrics = new List<Widget>();
    for (int i = 0; i < metrics.length; i += 2) {
      if (i + 2 < metrics.length)
        rowMetrics.add(Row(children: metrics.sublist(i, i + 2)));
      else
        rowMetrics.add(Row(children: [metrics[metrics.length - 1], Spacer()]));
    }
    return SingleChildScrollView(
      child: LimitedBox(
        //  maxHeight: MediaQuery.of(context).size.height / 1.30,
        child: Column(
          mainAxisSize: MainAxisSize.max,
          mainAxisAlignment: MainAxisAlignment.center,
          children: rowMetrics,
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      future: reportList,
      builder: (BuildContext context, AsyncSnapshot snapshot) {
        switch (snapshot.connectionState) {
          case ConnectionState.none:
          case ConnectionState.waiting:
          case ConnectionState.active:
            return Center(
              child: CircularProgressIndicator(),
            );
          case ConnectionState.done:
            var data = snapshot.data;
            if (snapshot.hasData && !snapshot.hasError) {
              return getDashBody(data);
            } else if (data == null) {
              return Center(
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  children: <Widget>[
                    Text("Timeout! Log back in to continue"),
                    Padding(
                      padding: EdgeInsets.all(25.0),
                    ),
                    RaisedButton(
                      onPressed: () {
                        setState(() {
                          token = null;
                        });
                        Navigator.of(context).pushReplacement(
                          CupertinoPageRoute(
                              builder: (BuildContext context) => LoginPage()),
                        );
                      },
                      child: Text('Login Again!'),
                    ),
                  ],
                ),
              );
            } else {
              getRefreshScaffold();
            }
        }
      },
    );
  }
}

推荐答案

Basic Example

下面是StatefulWidget的State类,其中:

  • a ListView is wrapped in a RefreshIndicator
    • words状态变量是它的数据源
  • onRefresh calls _pullRefresh function to update ListView
    • _pullRefresh是异步函数,不返回任何内容(Future<void>)
    • _pullRefresh的长时间运行的数据请求完成时,在setState()调用中更新words成员/状态变量以重建ListView以显示新数据
import 'package:english_words/english_words.dart';

class _PullToRefreshPageState extends State<PullToRefreshPage> {
  List<WordPair> words = generateWordPairs().take(5).toList();

  @override
  Widget build(BuildContext context) {
    return RefreshIndicator(
      onRefresh: _pullRefresh,
      child: ListView.builder(
        itemCount: words.length,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(words[index].asPascalCase),
          );
        },),
    );
  }

  Future<void> _pullRefresh() async {
    List<WordPair> freshWords = await WordDataSource().getFutureWords(delay: 2);
    setState(() {
      words = freshWords;
    });
    // why use freshWords var? https://stackoverflow.com/a/52992836/2301224
  }
}

class WordDataSource {
  Future<List<WordPair>> getFutureWords({int size = 5, int delay = 5}) async {
    await Future.delayed(Duration(seconds: delay));
    return generateWordPairs().take(5).toList();
  }
}

注意事项

  • 如果你的async onRefresh函数完成得很快,你可能想在它后面加一个await Future.delayed(Duration(seconds: 2));,这样用户体验就更愉快了.
  • 这给用户时间来完成刷新指示器的滑动/下拉手势,以呈现/动画/旋转指示数据已被获取.

FutureBuilder Example

下面是另一个使用FutureBuilder的示例,该示例在从数据库或HTTP源获取数据时很常见

class _PullToRefreshFuturePageState extends State<PullToRefreshPage> {
  Future<List<WordPair>> futureWords;

  @override
  void initState() {
    super.initState();
    futureWords = WordDataSource().getFutureWords(delay: 2);
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<List<WordPair>>(
      //initialData: [],
      future: futureWords,
      builder: (context, snapshot) {
        return RefreshIndicator(
          child: _listView(snapshot),
          onRefresh: _pullRefresh,
        );
      },
    );
  }

  Widget _listView(AsyncSnapshot snapshot) {
    if (snapshot.hasData) {
      return ListView.builder(
        itemCount: snapshot.data.length,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(snapshot.data[index].asPascalCase),
          );
        },);
    }
    else {
      return Center(
        child: Text('Loading data...'),
      );
    }
  }

  Future<void> _pullRefresh() async {
    List<WordPair> freshFutureWords = await WordDataSource().getFutureWords(delay: 2);
    setState(() {
      futureWords = Future.value(freshFutureWords);
    });
  }
}

注意事项

  • getFutureWords()函数与上面Basic Example中的函数相同,但数据被包装在Future.value()中,因为FutureBuilder需要Future
  • 根据Rémi,Collin&;其他dart /Flutter 半神的说法,更新有状态窗口小部件成员变量inside setState()(在FutureBuilder示例中是futureWords,在基本示例中是words),after其长期运行的异步数据获取功能已经完成,这是一个很好的做法.
  • 如果您try 将setState设置为async,您将得到一个异常
  • 更新setState之外的成员变量,并使用空的setState闭包,可能会在将来导致手动拍击/代码分析警告

Flutter相关问答推荐

类型flatter doctor get zsh:未找到命令:macO中flatter

底部导航栏项目在抖动中不更改 colored颜色

为什么Flutter 翼扩展卡有上下边框?

使用GO_ROUTER在模式内导航

'Flutter的无效常数值错误

Flutter 蜂巢不能正常工作,我正在使用蜂巢在设备上存储数据,但当我关闭并重新启动应用程序时,我失go 了一切

Flutter :URI的目标不存在

如何获取flutter中gridview项目占用的高度和宽度?

Flutter 使用扩展的 TextField 定位小部件

更新番茄计时器值不会触发 Flutter Riverpod 中的alert 声音

在参数为空时保持命名参数的默认值

Riverpod 2.3.6:AutoDisposeNotifier和ref.onDispose自动处理

Flutter url_launcher 插件抛出java.lang.IllegalArgumentException:接收器未注册:io.flutter.plugins.urllauncher.WebViewActivity

如何在 flutter 中使用带有有效负载数据的重定向来执行 firebase 推送通知.?

如何建立最近的文件列表?

如何使用 Rrect 或类似工具在 flutter 中绘制梯形线?

Flutter:制作自定义小部件的最佳做法是什么?

使用 mocktail 包进行单元测试时,类型Null不是Future类型的子类型

我的主屏幕上的 FutureBuilder 不断重新加载(但仅在其他屏幕上时)?

如何在 Flutter 中创建类似箭头标签的设计