Question

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

Answer 1

使用Clip做出反应，对于图像加载，我使用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"),

CircleAvatar中的FadeInImage

1 个答案: