Flutter webview with advanced scroll event

Question

I have to implement flutter webview in the following manner:

ListView
    Widget
    Widget
    Webview
    Widget

The webview is auto scalling up to the height of the device (the content can be longer) and scrollable. I have used this answer to make it scroll properly: Scrolling priority when combining horizontal scrolling with WebView

The thing is, I want it to switch to the main ListView scroll once it's reaches the bottom or top of the Webview content. It should look like a widget implemented natively on the widget tree.

The easy solution would have been to make the Webview as high as the content, but the devices crashes above a certain Webview height (3000).

Would be happy to hear any solution.

Thanks.

no one have an answer? – Amit Aisikowitz Jan 13 '20 at 00:03 — Amit Aisikowitz, Jan 13 '20 at 00:03
have you achieved this? – Shivam Kumar Jan 18 '21 at 16:35 — Shivam Kumar, Jan 18 '21 at 16:35
Any news on how to do this? – Axes Grinds Sep 29 '21 at 19:34 — Axes Grinds, Sep 29 '21 at 19:34

score 0 · Answer 1 · answered Aug 08 '22 at 04:44

Since the screen has multiple scrollable widgets, you need to use NestedScrollView. Wrap the ListView with this widget.

var _scrollController = ScrollController();

...

NestedScrollView(
  controller: _scrollController,
  headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
    return ListView(
      // Add widgets and WebView here
    );
  }
)

Flutter webview with advanced scroll event

1 Answers1