我想添加一个占位符的进度条,而图像正在加载,但由于某种原因,它不工作。我的代码
CachedNetworkImage( imageUrl: 'url', fit: BoxFit.cover, height: 100, width: 100, placeholder: CircularProgressIndicator(), ),
yvgpqqbh1#
当像这样加载图像时,可以使用progressIndicatorBuilder
progressIndicatorBuilder: (context, url, downloadProgress) => Container( decoration: const BoxDecoration( shape: BoxShape.circle, color: Colors.white, ), ),
或尝试此占位符
placeholder: (context, url) => CircularProgressIndicator(),
bybem2ql2#
CachedNetworkImage的Placeholder属性是具有参数(BuildContext context, String url)的函数 *,并且返回**Widget。尝试以下方法:
CachedNetworkImage
Placeholder
(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, ), )
9rygscc13#
变化
placeholder: CircularProgressIndicator(),
到
placeholder: (context,url) => CircularProgressIndicator(),
3条答案
按热度按时间yvgpqqbh1#
当像这样加载图像时,可以使用progressIndicatorBuilder
或尝试此占位符
bybem2ql2#
CachedNetworkImage
的Placeholder
属性是具有参数(BuildContext context, String url)
的函数 *,并且返回**Widget
。尝试以下方法:
9rygscc13#
变化
到