如何解决按下后在图像上添加“滤镜”
我正在尝试使用带有图像的手势检测器来触发功能。选择图像后,我希望它稍微变暗以显示已选择的图像。
我当前的解决方案是:
return GestureDetector(
onTap: onPress,child: Stack(
alignment: Alignment.bottomLeft,children: [
Container(
height: 105.0,width: 105.0,margin: EdgeInsets.only(top: 20.0),decoration: Boxdecoration(
image: decorationImage(
colorFilter: ColorFilter.mode(colour,BlendMode.dstATop),image: Assetimage('images/$imagename.jpg'),fit: BoxFit.fill,),borderRadius: BorderRadius.circular(10.0),Container(
child: Text(
'$cardText',style: TextStyle(
color: textColour,fontWeight: FontWeight.bold,margin: EdgeInsets.only(left: 5.0,bottom: 2.5),],);
问题是,当按下图像时,它会短暂消失,然后再使用滤镜重新绘制,效果很好,但并不理想。我知道使用图像小部件时,可以使用gaplessplayback = true
来解决此问题,但是我不能将其用于装饰图像。
我尝试在堆栈中添加第三个容器小部件,以避免图像消失,但是过滤器无法正确覆盖图像,并且丢失了图像容器的圆角。
还有其他解决方法吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。