Hello, I don't know if I can get the height of InAppWebView or make it adapt to the height of Html content. What do I need to do?

[JiangJuHong]

Hello, I don't know if I can get the height of InAppWebView or make it adapt to the height of Html content. What do I need to do?

[shah-xad]

Did you find any idea?

[juliengit2]

I had to add:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
to adapt the size of the html content to the size of the InAppWebView

[YouCii]

@juliengit2 The code only allows HTML pages to be adapted to mobile devices, but the height is not the biggest.

[honghuazhao]

You can inject js code to do this, like:

controller.injectScriptCode('''
window.flutter_inappbrowser.callHandler('WebViewHeight', document.body.scrollHeight);
''');

But you still cannot set the height of InAppWebView to this height. It will crash on android because android (or flutter) doesn't support height more than device height.

[goYou]

This may help you:

onLoadStop: (InAppWebViewController controller, String url) {
              controller.evaluateJavascript(source: '''(() => { return document.body.scrollHeight;})()''').then((value) {
                if(value == null || value == '') {
                  return;
                }
                webHeight = double.parse('$value');
                setState(() {});
              });
            },

[sketcharsh]

This can also give you same result.

controller .getContentHeight() .then((value) => print("Value $value"));

[wilz05]

but the above code does not work on android api version 22 devices. have you tried ? @sketcharsh @goYou

[sketcharsh]

I've not checked in android api version 22 devices.