InkWell没有显示涟漪效应

点击容器触发onTap()处理程序，但不会显示任何墨水飞溅效果。

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(widget.title),
      ),
      body: new Center(
        child: new InkWell(
          onTap: (){print("tapped");},
          child: new Container(
            width: 100.0,
            height: 100.0,
            color: Colors.orange,
          ),
        ),
      ),
    );
  }
}

我试着把InkWell放在容器里，但徒劳。

当前回答

我已经找到了这个解决方法。我认为它可以帮助你:

Material(
      color: Theme.of(context).primaryColor,
      child: InkWell(
        splashColor: Theme.of(context).primaryColorLight,
        child: Container(
          height: 100,
        ),
        onTap: () {},
      ),
    )

颜色被赋予材质小部件。它是小部件的默认颜色。你可以使用Inkwell的splashColor属性来调整波纹效果的颜色。

2020-06-29 07:00:48

其他回答

添加onTap:(){}监听器后，涟漪效应应该工作良好。如果你在InkWell()小部件中使用BoxShadow()，它就不工作了。

2020-08-18 04:29:31

确保你没有在材质主题中添加以下属性:

(对我来说，这就是问题所在)

splashColor: Colors.transparent
splashFactory: NoSplash.splashFactory

eg:-

MaterialApp(
  home:......,
  theme: ThemeData(
    splashFactory: NoSplash.splashFactory, // Remove this
    splashColor: AppColors.transparent, // Remove this OR Change the color
    ......         
  ),
)

2022-11-07 11:56:38

对我来说，这是另一个问题。InkWell没有显示涟漪效应，当我有onTap功能作为我的小部件定义如下参数。

Function(Result) onTapItem;
...
onTap: onTapItem(result),

我不知道有什么不同，但下一个代码工作得很好。

onTap: (){ onTapItem(result); },

2020-11-03 11:32:58

为了处理连锁反应，你应该使用以下规则:

onTap不应该为空(或空)。 InkWell必须在任何材质小部件中

2021-11-09 16:27:47

我遇到了一个类似的问题，将一个Inkwell添加到现有的复杂小部件中，用一个容器包装一个带有颜色的BoxDecoration。通过添加材质和墨水井，墨水井仍然被盒子装饰遮挡，所以我只是让盒子装饰的颜色稍微不透明，这样墨水井就能被看到

2020-04-22 07:10:11

InkWell没有显示涟漪效应

推荐文章

最新文章

标签