如何为圆形头像中的图像添加加载效果或微光效果？

Question

以下是我从相机或画廊获取图像并从服务器更新用户图像（如果有）并在不存在用户图像时显示默认资产图像的代码。 谁能说当加载来自服务器的图像时如何添加加载或闪光效果？

                      child: CircleAvatar(
                      backgroundImage: (_image != null)
                          ? FileImage(_image)
                          : (_userImage != null && _userImage != "")
                              ? NetworkImage(_userImage)
                              : AssetImage(
                                  DrawableResource.imagePlaceHolder),
                      radius: 75,
                      backgroundColor: Colors.grey,
                    ),

Answer 1

您可以尝试以下代码，也可以使用 cachedNetworkImage 和 package 中的 errorWidget 属性： cached_network_image: ^3.2.1

package 用于以下代码： shimmer: ^2.0.0

child: CircleAvatar(
                      backgroundImage: (_image != null)
                          ? FileImage(_image)
                          : (_userImage != null && _userImage != "")
                              ? CachedNetworkImage(
                            imageUrl: _userImage,
                            fit: BoxFit.cover,
                            errorWidget: (context, value, value1) {
                              return Container(
                                child: Center(
                                  child: 
                    Text("No image found"),
                                ),
                              );
                            },
                          ),
                              : AssetImage(
                                  DrawableResource.imagePlaceHolder),
                      radius: 75,
                      backgroundColor: Colors.grey,
                    ),