增加方法

lib/clx_webview_flutter.dart

 library clx_webview_flutter;
 
-export 'custom_webview/view_model/custom_controller.dart';
-export 'custom_webview/widgets/custom_webview.dart';
+export 'custom_webview/view_model/scallold_view_model.dart';
+export 'custom_webview/widgets/scaffold_webview.dart';
 export 'custom_webview/model/java_script_channel.dart';
 
 export 'package:webview_flutter/webview_flutter.dart';

lib/custom_webview/view_model/listenable_view_model.dart

+import 'dart:async';
+
+import 'package:flutter/material.dart';
+import 'package:webview_flutter/webview_flutter.dart';
+
+import '../model/java_script_channel.dart';
+
+class ListenableViewModel extends ChangeNotifier {
+  ListenableViewModel.loadRequest({required Uri requestedUrl}) {
+    _controller = WebViewController();
+    _controller.loadRequest(requestedUrl);
+  }
+
+  ListenableViewModel.loadHtmlString({required String html, String? baseUrl}) {
+    _controller = WebViewController();
+    _controller.loadHtmlString(html, baseUrl: baseUrl);
+  }
+
+  ListenableViewModel.loadFile({required String absoluteFilePath}) {
+    _controller = WebViewController();
+    _controller.loadFile(absoluteFilePath);
+  }
+
+  /// 外部访问WebViewController的接口
+  late WebViewController _controller;
+  WebViewController get controller => _controller;
+
+  /// 外部访问JavaScriptChannel的接口
+  final List<JavaScriptChannel> _javaScriptChannels = [];
+  List<JavaScriptChannel>? get javaScriptChannels => _javaScriptChannels;
+  Future<bool> setJavaScriptChannels(JavaScriptChannel channel) async {
+    if (_javaScriptChannels
+        .where((element) => element.name == channel.name)
+        .isNotEmpty) {
+      return Future.value(false);
+    }
+    _javaScriptChannels.add(channel);
+    controller.addJavaScriptChannel(channel.name,
+        onMessageReceived: channel.channelCallback.run);
+    controller.reload();
+    return Future.value(true);
+  }
+
+  Future<bool> removeJavaScriptChannel(String name) async {
+    if (_javaScriptChannels.where((element) => element.name == name).isEmpty) {
+      return Future.value(false);
+    }
+    _javaScriptChannels.removeWhere((element) => element.name == name);
+    controller.removeJavaScriptChannel(name);
+    controller.reload();
+    return Future.value(true);
+  }
+}

lib/custom_webview/view_model/custom_controller.dart → lib/custom_webview/view_model/scallold_view_model.dart

@@ -4,10 +4,10 @@ import 'package:flutter/material.dart';
 import 'package:webview_flutter/webview_flutter.dart';
 
 import '../model/java_script_channel.dart';
-import '../widgets/custom_webview.dart';
+import '../widgets/scaffold_webview.dart';
 
-class CustomController extends ChangeNotifier {
-  CustomController.loadRequest(
+class ScalloldViewModel extends ChangeNotifier {
+  ScalloldViewModel.loadRequest(
       {required Uri requestedUrl, String? title, TextStyle? appBarTextStyle}) {
     _controller = WebViewController();
     _title = title;
@@ -15,7 +15,7 @@ class CustomController extends ChangeNotifier {
     _controller.loadRequest(requestedUrl);
   }
 
-  CustomController.loadHtmlString(
+  ScalloldViewModel.loadHtmlString(
       {required String html,
       String? baseUrl,
       String? title,
@@ -26,7 +26,7 @@ class CustomController extends ChangeNotifier {
     _controller.loadHtmlString(html, baseUrl: baseUrl);
   }
 
-  CustomController.loadFile({
+  ScalloldViewModel.loadFile({
     required String absoluteFilePath,
     String? title,
     TextStyle? appBarTextStyle,
@@ -38,8 +38,8 @@ class CustomController extends ChangeNotifier {
   }
 
   /// 内部访问WebView的接口
-  late CustomWebViewState _customWebViewState;
-  void bindState(CustomWebViewState state) {
+  late ScaffoldWebViewState _customWebViewState;
+  void bindState(ScaffoldWebViewState state) {
     _customWebViewState = state;
   }
 

lib/custom_webview/widgets/listenable_webview.dart

+import 'package:flutter/material.dart';
+import 'package:webview_flutter/webview_flutter.dart';
+
+import '../view_model/listenable_view_model.dart';
+
+class ListenableWebView extends StatelessWidget {
+  final ListenableViewModel customController;
+
+  const ListenableWebView({super.key, required this.customController});
+
+  @override
+  Widget build(BuildContext context) {
+    return ListenableBuilder(
+      listenable: customController,
+      builder: (context, child) {
+        return WebViewWidget(controller: customController.controller);
+      },
+    );
+  }
+}

lib/custom_webview/widgets/custom_webview.dart → lib/custom_webview/widgets/scaffold_webview.dart

 import 'package:flutter/material.dart';
 import 'package:webview_flutter/webview_flutter.dart';
 
-import '../view_model/custom_controller.dart';
+import '../view_model/scallold_view_model.dart';
 
-class CustomWebView extends StatefulWidget {
-  final CustomController customController;
+class ScaffoldWebView extends StatefulWidget {
+  final ScalloldViewModel customController;
 
-  const CustomWebView({super.key, required this.customController});
+  const ScaffoldWebView({super.key, required this.customController});
 
   @override
   State<StatefulWidget> createState() {
-    return CustomWebViewState();
+    return ScaffoldWebViewState();
   }
 }
 
-class CustomWebViewState extends State<CustomWebView> {
+class ScaffoldWebViewState extends State<ScaffoldWebView> {
   @override
   void initState() {
     super.initState();

lib/utils/captcha_util.dart

@@ -10,8 +10,9 @@ abstract class CaptchaUtil {
           onCaptchaGenerated}) async {
     return await Navigator.push(context, PageRouteBuilder(
       pageBuilder: (context, animation, secondaryAnimation) {
-        final CustomController customController = CustomController.loadRequest(
-            requestedUrl: Uri.parse(uri), title: '验证码');
+        final ScalloldViewModel customController =
+            ScalloldViewModel.loadRequest(
+                requestedUrl: Uri.parse(uri), title: '验证码');
         customController.setJavaScriptChannels(JavaScriptChannel(
           name: 'H5CallFlutterInterface',
           callback: (message) async {
@@ -28,7 +29,7 @@ abstract class CaptchaUtil {
             }
           },
         ));
-        return CustomWebView(customController: customController);
+        return ScaffoldWebView(customController: customController);
       },
     ));
   }