CircleAvatar中的淡入淡出图像

Question

如何在CircleAvatar中产生淡入效果？CircleAvatar的backgroundImage类型为ImageProvider，FadeInImage不是ImageProvider

Answer 1

使用Clip-react，对于图像加载，我使用CachedNetworkImage(cached_network_image:2.3.3(

ClipRRect(
borderRadius: BorderRadius.circular(25.0),
child: CachedNetworkImage(
fit: BoxFit.cover,
width: 50,
height: 50,
placeholder: (context, url) => Image.asset('loadder.gif'),
imageUrl:
"https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRLe5PABjXc17cjIMOibECLM7ppDwMmiDg6Dw&usqp=CAU"),
),

这是用户加载程序图像或gif(示例(。

placeholder: (context, url) => Image.asset('loadder.gif'),

这是您的主图像(示例(。

imageUrl:"https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRLe5PABjXc17cjIMOibECLM7ppDwMmiDg6Dw&usqp=CAU"),