import 'dart:async'; import 'dart:ui'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; const _kChannel = 'flutter_webview_plugin'; // TODO: more general state for iOS/android enum WebViewState { shouldStart, startLoad, finishLoad, abortLoad } // TODO: use an id by webview to be able to manage multiple webview /// Singleton class that communicate with a Webview Instance class FlutterWebviewPlugin { factory FlutterWebviewPlugin() => _instance ??= FlutterWebviewPlugin._(); FlutterWebviewPlugin._() { _channel.setMethodCallHandler(_handleMessages); } static FlutterWebviewPlugin _instance; final _channel = const MethodChannel(_kChannel); final _onDestroy = StreamController.broadcast(); final _onUrlChanged = StreamController.broadcast(); final _onStateChanged = StreamController.broadcast(); final _onScrollXChanged = StreamController.broadcast(); final _onScrollYChanged = StreamController.broadcast(); final _onHttpError = StreamController.broadcast(); Future _handleMessages(MethodCall call) async { switch (call.method) { case 'onDestroy': _onDestroy.add(null); break; case 'onUrlChanged': _onUrlChanged.add(call.arguments['url']); break; case 'onScrollXChanged': _onScrollXChanged.add(call.arguments['xDirection']); break; case 'onScrollYChanged': _onScrollYChanged.add(call.arguments['yDirection']); break; case 'onState': _onStateChanged.add( WebViewStateChanged.fromMap( Map.from(call.arguments), ), ); break; case 'onHttpError': _onHttpError.add(WebViewHttpError(call.arguments['code'], call.arguments['url'])); break; } } /// Listening the OnDestroy LifeCycle Event for Android Stream get onDestroy => _onDestroy.stream; /// Listening url changed Stream get onUrlChanged => _onUrlChanged.stream; /// Listening the onState Event for iOS WebView and Android /// content is Map for type: {shouldStart(iOS)|startLoad|finishLoad} /// more detail than other events Stream get onStateChanged => _onStateChanged.stream; /// Listening web view y position scroll change Stream get onScrollYChanged => _onScrollYChanged.stream; /// Listening web view x position scroll change Stream get onScrollXChanged => _onScrollXChanged.stream; Stream get onHttpError => _onHttpError.stream; /// Start the Webview with [url] /// - [headers] specify additional HTTP headers /// - [withJavascript] enable Javascript or not for the Webview /// - [clearCache] clear the cache of the Webview /// - [clearCookies] clear all cookies of the Webview /// - [hidden] not show /// - [rect]: show in rect, fullscreen if null /// - [enableAppScheme]: false will enable all schemes, true only for httt/https/about /// android: Not implemented yet /// - [userAgent]: set the User-Agent of WebView /// - [withZoom]: enable zoom on webview /// - [withLocalStorage] enable localStorage API on Webview /// Currently Android only. /// It is always enabled in UIWebView of iOS and can not be disabled. /// - [withLocalUrl]: allow url as a local path /// Allow local files on iOs > 9.0 /// - [scrollBar]: enable or disable scrollbar /// - [supportMultipleWindows] enable multiple windows support in Android /// - [invalidUrlRegex] is the regular expression of URLs that web view shouldn't load. /// For example, when webview is redirected to a specific URL, you want to intercept /// this process by stopping loading this URL and replacing webview by another screen. Future launch(String url, { Map headers, bool withJavascript, bool clearCache, bool clearCookies, bool hidden, bool enableAppScheme, Rect rect, String userAgent, bool withZoom, bool withLocalStorage, bool withLocalUrl, bool scrollBar, bool supportMultipleWindows, bool appCacheEnabled, bool allowFileURLs, bool useWideViewPort, String invalidUrlRegex, bool geolocationEnabled, }) async { final args = { 'url': url, 'withJavascript': withJavascript ?? true, 'clearCache': clearCache ?? false, 'hidden': hidden ?? false, 'clearCookies': clearCookies ?? false, 'enableAppScheme': enableAppScheme ?? true, 'userAgent': userAgent, 'withZoom': withZoom ?? false, 'withLocalStorage': withLocalStorage ?? true, 'withLocalUrl': withLocalUrl ?? false, 'scrollBar': scrollBar ?? true, 'supportMultipleWindows': supportMultipleWindows ?? false, 'appCacheEnabled': appCacheEnabled ?? false, 'allowFileURLs': allowFileURLs ?? false, 'useWideViewPort': useWideViewPort ?? false, 'invalidUrlRegex': invalidUrlRegex, 'geolocationEnabled': geolocationEnabled ?? false, }; if (headers != null) { args['headers'] = headers; } if (rect != null) { args['rect'] = { 'left': rect.left, 'top': rect.top, 'width': rect.width, 'height': rect.height, }; } await _channel.invokeMethod('launch', args); } /// Execute Javascript inside webview Future evalJavascript(String code) async { final res = await _channel.invokeMethod('eval', {'code': code}); return res; } /// Close the Webview /// Will trigger the [onDestroy] event Future close() async => await _channel.invokeMethod('close'); /// Reloads the WebView. Future reload() async => await _channel.invokeMethod('reload'); /// Navigates back on the Webview. Future goBack() async => await _channel.invokeMethod('back'); /// Navigates forward on the Webview. Future goForward() async => await _channel.invokeMethod('forward'); // Hides the webview Future hide() async => await _channel.invokeMethod('hide'); // Shows the webview Future show() async => await _channel.invokeMethod('show'); // Reload webview with a url Future reloadUrl(String url) async { final args = {'url': url}; await _channel.invokeMethod('reloadUrl', args); } // Clean cookies on WebView Future cleanCookies() async => await _channel.invokeMethod('cleanCookies'); // Stops current loading process Future stopLoading() async => await _channel.invokeMethod('stopLoading'); /// Close all Streams void dispose() { _onDestroy.close(); _onUrlChanged.close(); _onStateChanged.close(); _onScrollXChanged.close(); _onScrollYChanged.close(); _onHttpError.close(); _instance = null; } Future> getCookies() async { final cookiesString = await evalJavascript('document.cookie'); final cookies = {}; if (cookiesString?.isNotEmpty == true) { cookiesString.split(';').forEach((String cookie) { final split = cookie.split('='); cookies[split[0]] = split[1]; }); } return cookies; } /// resize webview Future resize(Rect rect) async { final args = {}; args['rect'] = { 'left': rect.left, 'top': rect.top, 'width': rect.width, 'height': rect.height, }; await _channel.invokeMethod('resize', args); } } class WebViewStateChanged { WebViewStateChanged(this.type, this.url, this.navigationType); factory WebViewStateChanged.fromMap(Map map) { WebViewState t; switch (map['type']) { case 'shouldStart': t = WebViewState.shouldStart; break; case 'startLoad': t = WebViewState.startLoad; break; case 'finishLoad': t = WebViewState.finishLoad; break; case 'abortLoad': t = WebViewState.abortLoad; break; } return WebViewStateChanged(t, map['url'], map['navigationType']); } final WebViewState type; final String url; final int navigationType; } class WebViewHttpError { WebViewHttpError(this.code, this.url); final String url; final String code; }