Is there a way in Flutter to detect which side of a button is pressed? For example, in the attached image, is it possible to tell when the '5' button is pressed whether the user pressed their finger on the 'A', 'B', 'C' or 'D' part or a combination of these?

Is there a way in Flutter to detect which side of a button is pressed? For example, in the attached image, is it possible to tell when the '5' button is pressed whether the user pressed their finger on the 'A', 'B', 'C' or 'D' part or a combination of these?

• android
• ios
• flutter
• gesture

• You'll want to have a look at api.flutter.dev/flutter/widgets/GestureDetector-class.html – Frank van Puffelen Commented Mar 30 at 21:30
• I already read that page and unfortunately I didn't saw any event that can accomplish what I described in the original post – daniel Commented Mar 30 at 21:43
• onTapDown seems promising as the TapDownDetails has info about where the tap happened. If you tried to make a gesture detector work but got stuck, it's more likely we can help if you show what you tried. – Frank van Puffelen Commented Mar 30 at 21:53
• I think this is it as I notice that it has a property called localPosition of type Offset. I'll try to see if it works, thanks! – daniel Commented Mar 31 at 17:37

1 Answer 1

The idiomatic way to do this in Flutter is to break down the top-level widget into subwidgets, in your case one for each element in the screenshot. Then you can handle the onTap for each of these subwidgets.

If you want to handle this with a single widget, that is possible too though. To detect where on a widget the user taped, you can implement GestureDetector. Check out the examples in that documentation.

For this specific use-case, have a look at onTapDown as the TapDownDetails contains information about where exactly the tap happened.