image - Flutter CachedNetworkImageProvider 没有加载微调器

Question

请告诉我如何启用 Flutter CachedNetworkImageProvider 的加载微调器。这适用于 CachedNetworkImage。但问题是 CachedNetworkImage 不是有效的图像提供者。

Container(
  width: 80.0,
  height: 80.0,
  decoration: BoxDecoration(
    shape: BoxShape.circle,
    image: DecorationImage(
      image: CachedNetworkImageProvider('https://pbs.twimg.com/profile_images/945853318273761280/0U40alJG_400x400.jpg'),
    ),
  ),
)

Answer 1

您可以使用 CachedNetworkImage 的 imageBuilder 属性

CachedNetworkImage(
    imageUrl: 'yourURL',
    imageBuilder: (context, imageProvider) => Container(
       decoration: BoxDecoration(
       borderRadius: BorderRadius.circular(16),
       image: DecorationImage(
         image: imageProvider,
         fit: BoxFit.cover,
       ),
    ),
),

这样你可以像一个容器一样装饰你的 CachedNetworkImage