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

Question

How to Set the loading value for the Circular progresss indicator like progress percentage in flutter for 60 days-Math formula?I need this stuff for my flutter project,Sorry if i am asking something silly:-) Note : I'm new to this amazing flutter development.

Answer 1

You can set "completed" rate of a progress indicator like this:

CircularProgressIndicator(value: 0.5)

The above will result in a 50% indicator. All you have to do is use a member as value in a StatefulWidget and use setState to update it according to the desired percentage.

Also you can use it to indicate the progress when loading an image:

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,
      ),
    );
  },
)