flutter中如何仅用widget默认的splash效果

用户1974410

发布于 2022-09-20 16:53:08

6370

发布于 2022-09-20 16:53:08

默认情况下，许多 Flutter widgt在选中时会有splash的效果。那我们如何去自定义或者禁用这个效果呢？只需要在全局处理如下：

MaterialApp(
  theme: ThemeData(
    splashColor: Colors.transparent,
    highlightColor: Colors.transparent,
    hoverColor: Colors.transparent,
  ),
)

也可以直接应用在某一个widget上：

Theme(
  data: Theme.of(context).copyWith(
    splashColor: Colors.transparent,
    highlightColor: Colors.transparent,
    hoverColor: Colors.transparent,
  )
  child: child,
)

或者直接在widget中禁用，如下：

IconButton(
  splashColor: Colors.transparent,
  highlightColor: Colors.transparent,
  hoverColor: Colors.transparent,
  icon: someIcon,
  onPressed: someCallback,
)

Happy coding!

少年别走，交个朋友～

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2022-01-13，如有侵权请联系 cloudcommunity@tencent.com 删除

网站

本文分享自 flutter开发精选微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

网站

登录后参与评论

0 条评论

热度

flutter中如何仅用widget默认的splash效果

flutter中如何仅用widget默认的splash效果

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐