pichillilorenzo / flutter_inappwebview

A Flutter plugin that allows you to add an inline webview, to use a headless webview, and to open an in-app browser window.
https://inappwebview.dev
Apache License 2.0
3.13k stars 1.44k forks source link

onContentSizeChanged() is not getting called on Android Platform #2187

Open umaisqureshi opened 2 months ago

umaisqureshi commented 2 months ago

Environment

Technology Version
Flutter version 3.19.5
Plugin version 6.0.0
Android version 14.0
iOS version
macOS version
Xcode version
Google Chrome version

Description

For iOS device that method is working fine but for Android that function is not even triggered which is causing issue to set the height of email after height changed on UI.

Code: class _EmailViewerState extends State { late InAppWebViewController _webViewController; late String jsContent; late String loadingBase64;

@override Widget build(BuildContext context) { return InAppWebView( onContentSizeChanged: (controller, oldContentSize, newContentSize) { widget.heightChange(newContentSize.height); }, onWebViewCreated: (controller) { _webViewController = controller; }, onConsoleMessage: (c, m) { print(m.toString()); }, onLoadStop: (controller, url) async { await loadJavaScript(); _loading(); for (Attachments image in widget.attachments.where((element) => element.inline == true)) { _downloadFile(image); } _imageClickListener(); }, initialSettings: InAppWebViewSettings( javaScriptEnabled: true, loadWithOverviewMode: false, useWideViewPort: false, alwaysBounceHorizontal: true, blockNetworkImage: false, disallowOverScroll: true, allowContentAccess: true, supportZoom: true, blockNetworkLoads: false, loadsImagesAutomatically: true, enableViewportScale: true, alwaysBounceVertical: false), initialData: InAppWebViewInitialData(data: widget.body), ); }

Future loadJavaScript() async { jsContent = await rootBundle.loadString('assets/js/viewer.js'); final ByteData data = await rootBundle.load('assets/images/gif/loading.gif'); loadingBase64 = base64Encode(data.buffer.asUint8List()); }

void _downloadFile(Attachments attachment) { if ((attachment.embedded == true || attachment.inline == true) && (attachment.contentId?.isNotEmpty == true)) { FileManager.imageDownloader ?.base64ImageDownload( attachment.id, attachment.filename ?? '${attachment.id}.png}') .then((value) { final String contentId = attachment.contentId!.replaceAll('>', '').replaceAll('<', ''); _webViewController.evaluateJavascript(source: """ $jsContent

          replaceImageWithBase64('$contentId', '$value');
        """);
  });
} else {
  return;
}

}

void _loading() { print(loadingBase64); _webViewController.evaluateJavascript(source: """ $jsContent

          loading('$loadingBase64');
        """);

}

void _imageClickListener() async { _webViewController.addJavaScriptHandler( handlerName: 'onImageClick', callback: (arguments) { if (arguments.firstOrNull != null) { final Attachments? attachment = widget.attachments.firstWhereOrNull( (element) => element.contentId?.contains(arguments.firstOrNull ?? '') == true); if (attachment != null) { FileManager.imageDownloader ?.downloadInlineImage(attachment.id, attachment.filename ?? '${attachment.id}.png}') .then((value) => OpenFile.open(value)); } } }, ); _webViewController.evaluateJavascript(source: """ document.querySelectorAll('img').forEach(img => { img.addEventListener('click', function(event) { var dataCid = img.getAttribute('data-cid'); if (dataCid) { window.flutter_inappwebview.callHandler('onImageClick', dataCid); } }); }); """); } }

github-actions[bot] commented 2 months ago

👋 @umaisqureshi

NOTE: This comment is auto-generated.

Are you sure you have already searched for the same problem?

Some people open new issues but they didn't search for something similar or for the same issue. Please, search for it using the GitHub issue search box or on the official inappwebview.dev website, or, also, using Google, StackOverflow, etc. before posting a new one. You may already find an answer to your problem!

If this is really a new issue, then thank you for raising it. I will investigate it and get back to you as soon as possible. Please, make sure you have given me as much context as possible! Also, if you didn't already, post a code example that can replicate this issue.

In the meantime, you can already search for some possible solutions online! Because this plugin uses native WebView, you can search online for the same issue adding android WebView [MY ERROR HERE] or ios WKWebView [MY ERROR HERE] keywords.

Following these steps can save you, me, and other people a lot of time, thanks!

qinss commented 1 month ago

I have the same problem