Flutter mobile web app cannot scroll when opened with LINE browser

Question

I am creating Flutter web application. This web need to be opened by LINE application which has its own browser. LINE browser will open links as web view and can easily close web view by dragging head of web view down. My problem is when I scrolled down to the bottom of the web and trying to go to the top of the web by dragging my finger in down direction, the whole web view was dragged down and close the web view.

For now I found that this problem only occur on IOS. The LINE application on Android is fine be cause its web view can't be closed by dragging the web view header down.

This problem happens with every Flutter mobile web app. You can try opening these Flutter web apps with LINE application on IOS device and you will get what I mean.

Provider Demo: https://flutter.github.io/samples/web/provider_shopper/#/catalog

Animation Sample: https://flutter.github.io/samples/web/animations/#/

Responsive Demo: https://minikin.me/flutter-web-demo/#/

But there is a web from this article (https://medium.com/@harikrishnan.vh/flutter-web-app-in-production-a962eb76a0fa) said that this web site https://neibre.com was created by Flutter and it can work very well. I tried many instructions from the article by it didn't work.

So far, by best solution is to add scroll bar and use it for redirection in LINE web view.

question from:https://stackoverflow.com/questions/65914061/flutter-mobile-web-app-cannot-scroll-when-opened-with-line-browser

Answer 1

Waitting for answers