flutter 怎么消除按钮事件的点击溅射背景

前言

一、设置 ThemeData

在我们的启动文件中，添加主题

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

上面的代码，会取消掉所有点击事件的溅射效果

二、Theme 设置

在主题中设置某一个组件的Theme，即插入父Theme小部件将其应用于某个小部件子树

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

上面的代码可以限定只有某一种或多种类型的按钮事件，取消溅射效果

三、单独设置

即只为单独某一个点击事件设置取消溅射效果

          IconButton(
            onPressed: () {},
            icon: Icon(Icons.search),
            splashColor: Colors.transparent,
            highlightColor: Colors.transparent,
            hoverColor: Colors.transparent,
          ),

代码运行效果如下

经过你的设置之后，点击事件将不会再有溅射效果了

总结

这篇好文章是转载于：学新通技术网