如何在 flutter 中设置循环进度指示器的加载值，例如 60 天的进度百分比？

Question

如何设置循环进度指示器的加载值，例如 flutter 中 60 天的进度百分比 - 数学公式？我的 flutter 项目需要这些东西，对不起，如果我问的是愚蠢的事情：-)注意：我是新手惊人的 flutter 开发。

Answer 1

您可以像这样设置进度指示器的“完成”率：

CircularProgressIndicator(value: 0.5)

以上将产生一个 50% 的指标。 您所要做的就是在StatefulWidget中使用成员作为值，并使用setState根据所需的百分比对其进行更新。

您还可以使用它来指示加载图像时的进度：

Image.network(
  '<url>',
  height: 50,
  loadingBuilder: (BuildContext context, Widget child,
      ImageChunkEvent? loadingProgress) {
    if (loadingProgress == null) {
      return child;
    }
    return Center(
      child: CircularProgressIndicator(
        value: loadingProgress.expectedTotalBytes != null
            ? loadingProgress.cumulativeBytesLoaded /
                loadingProgress.expectedTotalBytes!
            : null,
      ),
    );
  },
)