Flutter 取消按钮水波纹的方法

本文主要是介绍Flutter 取消按钮水波纹的方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

  因为 InkWell 继承自 InkResponse，因此这里只以 InkResponse 来进行分析。

第一种方法：

  在 InkResponse 外围添加 Container，然后在 Container 中添加 color 属性，例子如下：

return Scaffold(appBar: AppBar(title: Text("title"),),body: Container(child: InkResponse(child: Padding(padding: EdgeInsets.all(20),child: Text("click me",style: TextStyle(color: Colors.black),),),onTap: () {print("object");},),color: Colors.red,),);

第二种方法：

  设置 InkResponse 的 highlightColor 为透明，同时设置 radius 为 0，代码如下：

return Scaffold(appBar: AppBar(title: Text("title"),),body: InkResponse(highlightColor: Colors.transparent,radius: 0.0,child: Padding(padding: EdgeInsets.all(20),child: Text("click me",style: TextStyle(color: Colors.black),),),onTap: () {print("object");},),
);

  第一种方法会增加 widget 的一层包装，且如果层级较深可能有问题，推荐大家尝试第二种方式来进行处理。

这篇关于Flutter 取消按钮水波纹的方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---