flutter：防止FutureBuilder重绘

最新推荐文章于 2023-09-27 10:51:22 发布

神明*

最新推荐文章于 2023-09-27 10:51:22 发布

阅读量349

点赞数 1

文章标签： flutter android

本文链接：https://blog.csdn.net/qq_38173911/article/details/130431187

版权

页面中使用setState(() { });改变数据时，不希望再次调用接口。可以在构建函数之外的某个地方调用Future。例如，在initState中，将其保存在成员变量中，并将此变量传递给FutureBuilder。

void initState() {
   super.initState();
   _mFuture = queryDetail();
}
queryDetail(){
...
}


FutureBuilder(
      future: _mFuture,
      builder: (BuildContext context, AsyncSnapshot snapshot) {
        // 请求已结束
        if (snapshot.connectionState == ConnectionState.done) {
          if (snapshot.hasError) {
            // 请求失败，显示错误
            return Text("Error: ${snapshot.error}");
          } else {
            // 请求成功，显示数据
            dto = snapshot.data;
            return Scaffold(
              appBar: Utils.AppBarContent("详情", context),
              body: Container(
                color: Color(0xffF6F6F6),
                alignment: Alignment.topCenter,
                padding: EdgeInsets.all(10),
                child: _cardList(context,dto),
              ),
            );
          }
        } else {
          // 请求未结束，显示loading
          return CircularProgressIndicator();
        }
      },
    )