How to stop touch response for flutter_webview's WebView when I touch a floating button

Question

There is a GestureDetector above the WebView.

when I touch the GestureDetector, the WebView is also response touch event.

Widget build(BuildContext context) {
  return Scaffold(
    body: Stack(
      children: <Widget>[
        WebView(
          initialUrl: url,
          javascriptMode: JavascriptMode.unrestricted
        ),
        GestureDetector(
          child:Image.asset('.....'),
          onTap:(){
            //do something
          }
        )
      ],
    ),
  );
}

How Can I stop WebView's touch response when I tap the GestureDetector?

Do you want that `WebView` doesn't response for touch at all? That only `GestureDetector` responses? — Andrii Turkovskyi, Sep 12 '19 at 06:20

score 6 · Accepted Answer · answered Sep 12 '19 at 06:23

I thhink this is what you need. AbsorbPointer is absorbing all the touches and doesn't allow WebView to get them.

Stack(
  children: <Widget>[
    AbsorbPointer(
      child: WebView(
        initialUrl: url,
        javascriptMode: JavascriptMode.unrestricted
      ),
    ),
    GestureDetector(
      child:Image.asset('.....'),
      onTap:(){
        //do something
      }
    )
  ],
);

How to stop touch response for flutter_webview's WebView when I touch a floating button

1 Answers1

Linked