等待API响应时显示加载指示器

Question

所以我有一个注册页面，注册功能运行良好。现在，我只需要按一下“注册”按钮后的加载指示器即可。我已经混合了所有可以想到的要在google中搜索的关键字，并且已经尝试了所有关键字，但无济于事。

这是我尝试过的事情：

使用FutureBuilder

：

RaisedButton(
                    onPressed: () async {
                      FutureBuilder<http.Response>(
                        future: registerUser(),
                        builder: (context, snapshot) {
                          if (snapshot.hasData) {
                            return Text("SUCCESS");
                          }
                          if (snapshot.hasError) {
                            return Text("ERROR");
                          }
                          return new Center(
                              child: new CircularProgressIndicator());
                        },
                      );
                    },
                    color: Color(colorPrimary),
                    shape: RoundedRectangleBorder(
                        borderRadius: new BorderRadius.circular(30.0)),
                    child: Text("SignUp"),
                  )
在此示例中，方法被调用，但指示器未显示

使用库progress_hud

：我认为这是可行的，但即使将其放在Center小部件中，它仍然会转到屏幕底部，显示overlapping with pixels错误。

还有其他更好的解决方案吗？还是应该只找到一种解决此重叠错误的方法？

感谢您的帮助！

所以我有一个注册页面，注册功能运行良好。现在，我只需要按一下“注册”按钮后的加载指示器即可。我将所有想到的关键字都混在一起了...

Answer 1

请使用软件包modal_progress_hudhttps://pub.dev/packages/modal_progress_hudModalProgressHUD必须作为第一个孩子在脚手架下我的工作代码段

Answer 2

FutureBuilder将其生成的主体放在其附加的小部件中。否则，返回的Widget会去哪里？