init

assets/fengmap/index.html

@@ -1184,6 +1184,17 @@
         }
 
     </script>
+
+    <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
+    <script>
+        let vConsole = new window.VConsole();
+    </script>
+
+    <script>
+        window.addEventListener("flutterInAppWebViewPlatformReady", function (event) {
+            console.log(event);
+        });
+    </script>
 </body>
 
 </html>
\ No newline at end of file

lib/pages/map/controller.dart

-import 'package:flutter_inappwebview/flutter_inappwebview.dart';
 /*
  * @Author: 卢靖康
  * @Date: 2024-04-24 08:22:16
- * @LastEditTime: 2024-04-24 08:56:12
+ * @LastEditTime: 2024-04-24 11:05:00
  * @LastEditors: 卢靖康
  */
+import 'dart:convert';
+
 import 'package:get/get.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_inappwebview/flutter_inappwebview.dart';
 
 class MapController extends GetxController {
   MapController();
+
+  GlobalKey webViewKey = GlobalKey();
+  InAppWebViewController? webViewController;
   final InAppLocalhostServer localhostServer = InAppLocalhostServer();
 
   _initData() {
     update(["map"]);
   }
 
-  void onTap() {}
+  setMapWebviewController(InAppWebViewController controller) {
+    webViewController = controller;
+  }
+
+  void _setupPostMessageListeners(InAppWebViewController controller) {}
+
+  void onWebViewCreated(InAppWebViewController controller) {
+    setMapWebviewController(controller);
+    _setupPostMessageListeners(controller);
+  }
+
+  void onLoadStart(controller, url) {}
+  void onLoadStop(controller, url) {}
 
   @override
   Future<void> onInit() async {
@@ -34,3 +52,28 @@ class MapController extends GetxController {
   //   super.onClose();
   // }
 }
+
+class JSBridge {
+  final InAppWebViewController _webViewController;
+
+  JSBridge(this._webViewController);
+
+  Future<void> callHandler(String handlerName,
+      [Map<String, dynamic> data = const {}]) async {
+    await _webViewController.evaluateJavascript(source: """
+      window.$handlerName(${jsonEncode(data)});  
+      """);
+  }
+
+  Future<void> addListener(String eventName, callback) async {
+    _webViewController.addJavaScriptHandler(
+        handlerName: eventName,
+        callback: (result) {
+          callback(result);
+        });
+  }
+
+  Future<void> removeListener(String eventName) async {
+    _webViewController.removeJavaScriptHandler(handlerName: eventName);
+  }
+}

lib/pages/map/view.dart

 /*
  * @Author: 卢靖康
  * @Date: 2024-04-24 08:22:16
- * @LastEditTime: 2024-04-24 08:41:36
+ * @LastEditTime: 2024-04-24 11:05:13
  * @LastEditors: 卢靖康
  */
 import 'package:flutter/material.dart';

lib/pages/map/widgets/map_webview.dart

 /*
  * @Author: 卢靖康
  * @Date: 2024-04-24 08:36:07
- * @LastEditTime: 2024-04-24 08:45:54
+ * @LastEditTime: 2024-04-24 09:15:43
  * @LastEditors: 卢靖康
  */
 import 'package:flutter/material.dart';
@@ -18,11 +18,12 @@ class MapWebview extends GetView<MapController> {
   Widget build(BuildContext context) {
     return GetBuilder<MapController>(builder: (_) {
       return InAppWebView(
+        key: controller.webViewKey,
         initialUrlRequest: URLRequest(
             url: Uri.parse("http://localhost:8080/assets/fengmap/index.html")),
-        onWebViewCreated: (controller) {},
-        onLoadStart: (controller, url) {},
-        onLoadStop: (controller, url) {},
+        onWebViewCreated: controller.onWebViewCreated,
+        onLoadStart: controller.onLoadStart,
+        onLoadStop: controller.onLoadStop,
       );
     });
   }