单个小部件中的多个API请求

Question

由于Flutter给开发人员带来的创造力的自由，我现在尝试切换为Flutter。

我现在知道如何实现所需的UI设计，但重要的是UX。

我已经这样设置了我的应用。

class HomeFragment extends StatelessWidget {
  const HomeFragment({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
        height: MediaQuery.of(context).size.height,
        width: MediaQuery.of(context).size.width,
        margin: EdgeInsets.all(0),
        color: Color(colorBackground),
        child: Column(mainAxisSize: MainAxisSize.min, children: <Widget>[
          Expanded(
              child: SingleChildScrollView(
                  scrollDirection: Axis.vertical,
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: <Widget>[
                      Container(
                        height: 180,
                        child: MyUsersWidget(),
                      ),
                      Container(
                          child: Column(
                        mainAxisSize: MainAxisSize.min,
                        children: <Widget>[
                          UserImages(),
                        ],
                      )),
                    ],
                  )))
        ]));
  }
}

MyUsersWidget 是水平ListView，显示Images个用户，并且其中有API request至GET个用户图像。

UserImages 是垂直ListView，它显示带有图像名称的Images，并在其中API request至GET所有图像及其名称

它们具有不同的API端点。

我现在遇到的是，当我调试时，首先调用 MyUsersWidget的 API请求，然后将结果冻结到某个点。

然后，当我按下“ CTRL + S”时，它将继续向 UserImages的 API请求发送，然后显示所有数据。

调用多个API请求的最优化方法是什么？

为什么它会冻结，然后在我进行热重装时继续运行？

非常感谢您即将分享的知识！