flutter 如何消除可点击透明容器的涟漪效应？

qoefvg9y 于 2023-03-19 发布在 Flutter

关注(0)|答案(4)|浏览(118)

我想从一个透明的可点击容器中删除涟漪效果，但无论我做什么效果都不会消失，请帮助！
代码：

InkWell(
 onTap: (){print('Tapped');},
   child: Container(
     height: 200, width: 200,),)

flutter

来源：https://stackoverflow.com/questions/69580408/how-do-you-remove-ripple-effect-from-a-clickable-transparent-container

4条答案

按热度按时间

ktca8awb1#

使用GestureDetector代替：

GestureDetector(
 onTap: () {print('Tapped');},
   child: Container(
     height: 200, width: 200,
   ),
 )

赞(0）回复(0）举报 2023-03-19

eoxn13cs2#

在您的材料应用程序小部件ThemeData中放置以下行

highlightColor: Colors.transparent,
hoverColor: Colors.transparent,
splashColor: Colors.transparent,
splashFactory: NoSplash.splashFactory,

喜欢

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

赞(0）回复(0）举报 2023-03-19

qlzsbp2j3#

我是这样使用它的：

InkWell(
  excludeFromSemantics: true,
  canRequestFocus: false,
  enableFeedback: false,
  splashFactory: NoSplash.splashFactory,
  splashColor: Colors.transparent,
  highlightColor: Colors.transparent,
  focusColor: Colors.transparent,
  hoverColor: Colors.transparent,
  overlayColor: MaterialStateProperty.all(Colors.transparent),
  onTap: widget.onPressed,
  child: child,
);

赞(0）回复(0）举报 2023-03-19

smdnsysy4#

使用GestureDetector而不是InkWell，因为Inkwell默认提供涟漪效果，因此您可以使用GestureDetector。

赞(0）回复(0）举报 2023-03-19