Flutter 处理 webview IOS bounce 弹簧效果

1,250 阅读1分钟

缘起

flutter 没有 类似 ios 👇🏻

bounce.jpeg
_webView.scrollView.alwaysBounceVertical = NO;
_webView.scrollView.bounces = NO;
  • 可以通过 evaluateJavascript 给 body 加 style hidden 来处理
...

onWebViewCreated: (WebViewController webViewController) {
    _webviewController = webViewController;
},

/**
 * Todo: This's a test function . WebView disable bounce on iOS 
 * issues: https://github.com/flutter/flutter/issues/57090
 */
onPageFinished: (url) {
    _webviewController?.evaluateJavascript('document.body.style.overflow = \'hidden\';');
}

...

  • 这个方式尽管不太完美,等待官方给出解决方案吧