首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >等待子树小部件完成异步数据加载后再显示它们

等待子树小部件完成异步数据加载后再显示它们
EN

Stack Overflow用户
提问于 2018-12-03 22:14:41
回答 1查看 57关注 0票数 0

我的应用程序中有多个小部件组件,每个组件都需要来自服务器的不同数据。在组件的initState上,我获取它所需的数据。

当应用程序打开时,我从服务器获取要显示的组件。示例:只显示组件1和3。我如何等待加载1和3而不显示它们(只显示加载程序),当这两个组件都加载完成后,我会显示它们或显示错误页面吗?

EN

回答 1

Stack Overflow用户

发布于 2018-12-03 22:18:17

您可以使用一个三元组来验证数据是否就绪,如果没有,您可以只显示一个CircleProgressIndicator,如下所示:

代码语言:javascript
运行
复制
        class _LoadingComponentsState extends State<LoadingComponents> {
          bool waiting = true;

          loadingAsyncTask() async {
            //.. your logic

            setState(() {
              waiting = false;
            });
          }

          @override
          void initState() {
            loadingAsyncTask();
            super.initState();
          }

          @override
          Widget build(BuildContext context) {
            return Container(
              child: waiting
                  ? Center(
                      child: CircularProgressIndicator(),
                    )
                  : ListView(
                      children: [
                        //your data...
                      ],
                    ),
            );
          }
        }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53595616

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档