Flutter prevent click through widget

Question

How can I make a clickable widget with a ripple and a button inside?

Here is the code I have:

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

When clicking on the Column, everything works fine, the ripple effect go behind the IconButton as expected. But when clicking on the IconButton, the onPressed trigger is called but it also activates the InkWell. Is there a way to prevent in from activation the InkWell?

Answer 1

Put Column widget inside GestureDetector and set excludeFromSemantics: true like the following:

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: () {},
            ),
          ]
        ),
      )
    ),
  )
),

Its from this github post.