GestureDedector's onTap event not working for Sizedbox

Question

I've got a problem with onTap event for GestureDedector. I tried in card too but not working. When I tap sizedbox nothing happens.

      GestureDetector(
                    onTap: () => GoToPage(),
                    child: SizedBox(
                      child: Card(
                        child: Center(
                            child: Padding(
                          padding: const EdgeInsets.all(8.0),
                          child: Column(
                            children: <Widget>[
                              Image.asset(
                                "assets/png/icon2.png",
                                width: 64.0,
                              ),
                              ...

Thank you.

@Nagual sizedbox works, stackoverflow asked me to shorten it when asking the question. SizedBox properties: width: 146.0, height: 170.0, — Ferhat37ozkan, Sep 06 '21 at 13:33
Where are you testing it, web or phone device. On web, it is working fine. — Md. Yeasin Sheikh, Sep 06 '21 at 14:44
On mobile device not working. Even property of GestureDedector I've tried it with — Ferhat37ozkan, Sep 06 '21 at 18:35

score 5 · Answer 1 · answered Sep 06 '21 at 13:54

5

you need to specify GestureDetector behaviour

GestureDetector(
  behavior: HitTestBehavior.opaque,
  onTap: (){},
),

answered Sep 06 '21 at 13:54

Nagual

1,576
10
17
27

score 4 · Accepted Answer · answered Sep 06 '21 at 13:39

4

Try to add behavior property of GestureDetector

GestureDetector(
  behavior: HitTestBehavior.translucent,
  onTap: (){},
),

answered Sep 06 '21 at 13:39

CHP

192
6

score 2 · Answer 3 · answered Sep 06 '21 at 14:23

2

By default a GestureDetector with an invisible child ignores touches, this behavior can be controlled with behavior. https://flutter.dev/docs/development/ui/advanced/gestures

answered Sep 06 '21 at 14:23

Mhmd Zawi

167
1
11

GestureDedector's onTap event not working for Sizedbox

3 Answers3