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

创建一个支持tap的小部件。 将其包装在InkWell小部件中以管理点击回调和波纹 动画。

这是文档中提到的第二点

例子:

InkWell(
        child: TextButton(
          onPressed: () {},
          child: Text('Tapped'),
          ),
        ),
      ),

用材料包裹InkWell，然后使用你需要的颜色:

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: Material(
          color: Colors.orange,
          child: new InkWell(
            onTap: (){ print("tapped"); },
            child: new Container(
              width: 100.0,
              height: 100.0,
            ),
          ),
        ),
      ),
    );
  }
}

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

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

更好的方法是使用Ink小部件而不是其他小部件。

而不是在容器内定义颜色，你可以在墨水小部件本身中定义它。

下面的代码将工作。

Ink(
  color: Colors.orange,
  child: InkWell(
    child: Container(
      width: 100,
      height: 100,
    ),
    onTap: () {},
  ),
)

不要忘记在InkWell中添加onTap:(){}，否则它会 也没有显示出涟漪效应。

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

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

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

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