我想在加載影像時添加進度條的占位符，但由于某種原因它不起作用。
我的代碼
CachedNetworkImage(
imageUrl: 'url',
fit: BoxFit.cover,
height: 100,
width: 100,
placeholder: CircularProgressIndicator(),
),
uj5u.com熱心網友回復：
像這樣加載影像時，您可以使用 progressIndicatorBuilder
progressIndicatorBuilder:
(context, url, downloadProgress) => Container(
decoration: const BoxDecoration(
shape: BoxShape.circle,
color: Colors.white,
),
),
或者試試這個占位符
placeholder: (context, url) => new CircularProgressIndicator(),
uj5u.com熱心網友回復：
Placeholder的屬性CachedNetworkImage是帶有args和回傳的函式。 (BuildContext context, String url) Widget
試試這種方法：
CachedNetworkImage(
height: 100,
width: 100,
imageUrl: 'imageUrl',
fit: BoxFit.cover,
placeholder: (context, url) => Container(
color: Colors.transparent,
height: 100,
width: 100,
child: SpinKitFadingCircle(
color: ColorConstants.colorPrimary,
size: 30,
),
),
errorWidget: (context, url, error) => Image.asset(
placeHolderImage,
width: 100,
height: 100,
fit: BoxFit.cover,
),
)
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/433644.html