Flutter for loop导致延迟加载动画

Question

我在Flutter中建立了一个for循环，在该循环上我制作了很多图像：

for (var i = 0; i < resultList.length; i++) {
  File imageFile = await _getImageFileFromAssets(resultList[i]);

  final appDir = await syspath.getApplicationDocumentsDirectory();

  final fileName = path.basename(imageFile.path);

  final savedImage =
      await File(imageFile.path).copy('${appDir.path}/$fileName');

  // Creating thumbnails

  final thumb =
      image.decodeImage(File(savedImage.path).readAsBytesSync());
  final thumbImage = image.copyResize(thumb, width: 500);

  new File('${appDir.path}/$fileName-thumb-500.jpg')
      .writeAsBytesSync(image.encodeJpg(thumbImage));

  final finalThumbImage =
      File('${appDir.path}/$fileName-thumb-500.jpg');

  picturesData.add(Picture(
      album: albumID,
      path: savedImage.path,
      thumbPath: finalThumbImage.path,
      timestamp: Timestamp.now()));

  setState(() {
    loadingScreen = true;
  });
}

在循环运行时，我显示了一个带有加载动画的加载屏幕小部件：

return loadingScreen == true ? LoadingScreen() : Scaffold()

我希望的结果一个干净的加载屏幕，同时for循环持续时间流畅且动画效果

我得到的：动画极度闪烁和滞后。编辑每个图像后，动画将停止。所以我得到了定格动画之类的东西。

这里可能是什么问题？