如何在CachedNetworkImage中使用占位符？

Question

我想在加载图像时添加进度条的占位符，但由于某种原因它不起作用。

我的代码

CachedNetworkImage(
  imageUrl: 'url',
  fit: BoxFit.cover,
  height: 100,
  width: 100,
  placeholder: CircularProgressIndicator(),
),

Answer 1

当图像加载时，您可以使用progressIndicatorBuilder，如下所示

progressIndicatorBuilder:
                          (context, url, downloadProgress) => Container(
                        decoration: const BoxDecoration(
                          shape: BoxShape.circle,
                          color: Colors.white,
                        ),
                      ),

或者尝试这个占位符

placeholder: (context, url) => CircularProgressIndicator(),