首页 > 其他 > 详细

Flutter:去除按钮点击时出现的波纹

时间:2020-07-02 15:00:32      阅读:538      评论:0      收藏:0      [点我收藏+]

问题描述

对于习惯iOS的UI风格的开发者来说,初次使用Flutter最令人感觉到不太舒服的就是在点击的时候会出现一个从点击点扩散的一个阴影,类似下图:

技术分享图片

ListView点击图

解决方案

出现该问题的原因是两个属性引起的,一个是highlightColor,一个是splashColor,其中highlightColor是点击的时候的高亮效果,splashColor是点击后不松手的扩散效果。

如果想去掉这种波纹效果,可直接把它们设置为Colors.transparent

对于类似RaisedButton这些Widget,可直接设置这些属性,但是,如果每个Widget都要写一遍,那就比较无趣了。

所以一般对于全局的设置,可直接放在theme里面

new MaterialApp(
	title: "Welcome Flutter",
	home: new RandomWord(),
	theme: new ThemeData(
          highlightColor: Colors.transparent,
          splashColor: Colors.transparent
        ),
);

Flutter:去除按钮点击时出现的波纹

原文:https://www.cnblogs.com/ChengYing-Freedom/p/13224298.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!