Flutter 中 IconButton 点击效果未生效

本文介绍了在Flutter中遇到IconButton点击效果(水波纹)未显示的问题及解决方案。问题出在装饰BoxDecoration上,点击效果被遮盖。通过在IconButton外层添加Material组件,并设置color和shape属性,可以正确显示点击效果。
摘要由CSDN通过智能技术生成

Flutter 出了有段时间了,也在逐渐迭代版本,当然坑也都是逐渐踩出来的

今天来聊个IconButton 点击效果(水波纹)丢失的问题,其他带水波纹效果的同理。
当你兴致冲冲的撸了一段代码,比如这样的
页面标题,带有一个返回按钮
咱们先忽略为啥不用自带的效果啥的,就是想自己造(练)轮(代)子(码),结构简单嘛,按照 Flutter 的思路一层一层套,Container啊、Stack啊、Text啊、IconButton啊…,撸完码,开心运行下,哎呦我擦,效果符合预期嘛,开心开心(手动笑脸+10),点击下看看效果,卧槽,我的 IconButton 的点击效果呢??????

问题排查:

splashColor、highlightColor 都写了啊,多次测试无果,遂至QQ群 (Flutter官方社区_771482762) 求问大神,因为我用到了Stack ,就涉及Positioned ,大神跟我说调整下Positioned 位置看看,在此感谢大神提供的思路,因为在测试过程中端倪渐现,因为我的标题背景是渐变色的 BoxDecoration,当 IconButton 挪到右侧有透明度的区域,点击效果有一点痕迹了,于是开始调整 外层 Container 的 decoration 属性,发现果然是被遮盖了࿰

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值