web_flutter_connect v1.0.3

Web-Flutter connect package

Flutter

1. Call Flutter

• await Flutter.call(hanlderName: string, ...params: any[])

2. Send message to Flutter

• await Flutter.send(data: any) --> await Flutter.call("onMessage", data)
• In Flutter code:

          ///Listen message from web
          this.controller?.addJavaScriptHandler(
              handlerName: WebviewModuleKeys.onMessage,
              callback: (List<dynamic> params) async {
                if (widget.onMessage != null) {
                  widget.onMessage!(params[0]);
                }
              });

3. Close webview

• await Flutter.close() --> await Flutter.call("closeWebview", data)

4. Notify Web content did load

• await Flutter.setDidLoad() --> await Flutter.call("onContentDidLoad", data)

5. Print to Flutter console

• await Flutter.print(data) --> await Flutter.call("onWebViewPrint", data)
• In Flutter code:

          ///Listen print from web
          this.controller?.addJavaScriptHandler(
              handlerName: WebviewModuleKeys.onPrint,
              callback: (List<dynamic> params) async {
                print("*** PRINT FROM WEBVIEW: ***");
                if (params.isNotEmpty) {
                  print("${params.first}");
                }
                print("*** END PRINT FROM WEBVIEW ***");
              });

WebView

1. WebView.listenFromFlutter: Listen message from Flutter

const subscription = WebView.listenFromFlutter((message: any) => {
    Flutter.print({
        "title": "Receive message from Flutter",
        "data": message,
    });
})
....
//Unsubscribe
subscription.unsubscribe();

2. WebView.send(message: any)

• Call in Flutter to send a message to WEB

        try {
                final strMessage = jsonEncode(message);
                this.controller?.evaluateJavascript(source: """
                  window.WebView.send('$strMessage');
                """);
              } catch (e) {
                throw {
                  "error": "Cannot send unencodable message to WebView",
                  "message": message,
                };
              }