flutter_jsbridge_plugin

Description:

flutter jsbridge plugin

Add JsBridge Plugin to the WebView #
A Flutter plugin that provides a JsBridge on WebView widget.
This plugin must introduce webview_flutter
Usage #
Add flutter_jsbridge_plugin as a dependency in your pubspec.yaml file.
dependencies:
flutter_jsbridge_plugin: ^0.0.4
copied to clipboard
Init JsBridge and register handler #
...
final JsBridge _jsBridge = JsBridge();
...
WebView(
initialUrl: "https://www.baidu.com?timeStamp=${new DateTime.now().millisecondsSinceEpoch}",
javascriptMode: JavascriptMode.unrestricted,
onWebViewCreated: (WebViewController webViewController) async {
_jsBridge.loadJs(webViewController);
_controller.complete(webViewController);
_jsBridge.registerHandler("getToken", onCallBack: (data, func) {
// return token to js
func({"token": "token"});
});
_jsBridge.registerHandler("IAPpayment", onCallBack: (data, func) {
print("js call flutter iap");
});
_jsBridge.registerHandler("back", onCallBack: (data, func) {
print("js call flutter back");
});
},
navigationDelegate: (NavigationRequest request) {
if (_jsBridge.handlerUrl(request.url)) {
return NavigationDecision.navigate;
}
return NavigationDecision.prevent;
},
onPageStarted: (url) {
_jsBridge.init();
},
))

copied to clipboard
JS Usage #
js file