颤振防止点击小部件

Question

如何制作一个内部带有波纹和按钮的可点击小部件？

这是我的代码：

          Material(
              child: InkWell(
                onTap: () {},
                child: Column(
                  children: <Widget>[
                    Text("this column is clickable"),
                    IconButton(
                      icon: Icon(Icons.airplanemode_active),
                      onPressed: () {},
                    ),
                  ]
                )
              )
            ),

点击 Column 时，一切正常，波纹效果按预期在 IconButton 后面。但是当单击 IconButton 时，会调用 onPressed 触发器，但它也会激活 InkWell。有没有办法防止 InkWell 被激活？

Answer 1

将Column 小部件放入GestureDetector 并设置excludeFromSemantics: true，如下所示：

Material(
  child: Padding(
    padding: const EdgeInsets.all(40.0),
    child: InkWell(
      onTap: () {},
      child: GestureDetector(
        excludeFromSemantics: true,
        child: Column(
          children: <Widget>[
            Text("this column is clickable"),
            IconButton(
              icon: Icon(Icons.airplanemode_active),
              onPressed: () {},
            ),
          ]
        ),
      )
    ),
  )
),

来自github 的帖子。