发布时间

Flutter 处理 webview IOS bounce 弹簧效果

Authors
  • avatar
    Name
    Chad
    Twitter

缘起

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\';');
}

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

Support

赞赏

如果这些内容对你有所帮助，欢迎赞赏支持。

微信赞赏二维码
微信赞赏
支付宝赞赏二维码
支付宝赞赏