Zoom support

[Gustik]

I want zoom content in webview with gestures. Is it possible?

[lejard-h]

The webview is an Android/iOS native element so zoom should be builtin. Do you have any problem to make it work ?

[Gustik]

Yes, I do not have zoom. I use Android.
My widget where I use the webview

class DocumentPage extends StatelessWidget {
  final Document _document;

  DocumentPage(this._document);

  @override
  Widget build(BuildContext context) {
    return new WebviewScaffold(
      url: "http://example.org/pdf.php?doc=docs/project/${_document.file}",
      appBar: new AppBar(
        title: new Text(_document.name),
      ),
      withJavascript: true,
    );
  }
}

[agreensh]

@lejard-h

Although pinch and zoom are built-in to WebView (Android) and UIWebView (iOS), they need to be "switched-on".

In Android, the plugin needs to call the following:
this.webView.getSettings().setBuiltInZoomControls(true);
this.webView.getSettings().setSupportZoom(true); to allow pinch/zoom.

In iOS, the plugin needs to call the following:
self.webview.scalesPageToFit = YES; to allow pinch/zoom.

[lejard-h]

Tested on Android, it does not seem to work,

But I have not tested on iOS

[agreensh]

I have tested on Android and iOS. It does work.

Remember, you also have to take into account the web page - the meta data can prevent pinch/zoom (eg in your example, the page (https://github.com/dart-flitter/flutter_webview_plugin) does that by setting <meta name='viewport' content='width=device-width'>, so that page will NOT pinch/zoom). Try on another page that is 'reactive' eg 'https://flutter.io'

If that doesn't work, then I think you've put the code in the wrong place.

On Android

WebviewManager(Activityactivity) {
    this.webView = new WebView(activity);
    this.webView.getSettings().setBuiltInZoomControls(true);
    this.webView.getSettings().setSupportZoom(true);
    WebViewClient webViewClient = new BrowserClient();
    webView.setWebViewClient(webViewClient);
}

[Gustik]

Tried to open a 'https://flutter.io', all the same the zooming does not work.
But the patch works:

this.webView.getSettings().setBuiltInZoomControls(true);
this.webView.getSettings().setSupportZoom(true);

Can make it optional? e.g. 'withZoom: true'
Thanks!

[lejard-h]

fixed in 0.1.3

[AleksandarFaraj]

Can we split up ZoomControls and SupportZoom into two variables?
ZoomControls could be named AndroidZoomControl: boolean

[kakyoism]

Need a step-by-step for this. I'm not sure how to add the native code in Kotlin, Swift. Where is the exact place to insert the native code? Should I create a webview on the fly in native code instead of creating the WebView widget in flutter??