更改 CachedNetworkImage Flutter 中图像的不透明度

Question

您好，我有多张图片。

我想使用 imageUrl 更改图像的不透明度。

我的目标是当用户单击图像时，它会改变他的不透明度。

我的问题是如何在保持图像的同时改变不透明度？

我的缓存网络图像：

         CachedNetworkImage(
                imageUrl : _getImageUrl(),
                width: MediaQuery.of(context).size.width,
                height: MediaQuery.of(context).size.height,
                fit: BoxFit.cover,
                placeholder: (context, url) => const Center(child: CircularProgressIndicator()),
                errorWidget: (context, exception, stacktrace)
                {
                  return const Icon(Icons.warning);
                },
              )

Answer 1

您可以用

CachedNetworkImage

小部件包装

Opacity

并根据您的需要提供

opacity:x

。

double _opacity =.3;
 ......

Opacity(
  opacity: _opacity.
  child:CachedNetworkImage(...)

更多关于

Opacity

。

Answer 2

你可以这样使用。

Image(
   image: CachedNetworkImageProvider("image-url"),
   opacity: const AlwaysStoppedAnimation(0.6),
);