微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

按下后在图像上添加“滤镜”

如何解决按下后在图像上添加“滤镜”

我正在尝试使用带有图像的手势检测器来触发功能。选择图像后,我希望它稍微变暗以显示已选择的图像。

我当前的解决方案是:

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 举报,一经查实,本站将立刻删除。