Ported onUrlNavigation to InAppWebView

Author: Franco Bugnano

lib/src/chatbox.dart

@@ -55,8 +55,6 @@ class MessageActionEvent {
     message = Message.fromJson(json['message']);
 }
 
-enum UrlNavigationAction { allow, deny }
-
 class UrlNavigationRequest {
   final String url;
 
@@ -65,6 +63,8 @@ class UrlNavigationRequest {
   );
 }
 
+enum UrlNavigationAction { deny, allow }
+
 /// A messaging UI for just a single conversation.
 ///
 /// Create a Chatbox through [Session.createChatbox] and then call [mount] to show it.
@@ -206,6 +206,7 @@ class ChatBoxState extends State<ChatBox> {
       initialSettings: InAppWebViewSettings(
         useHybridComposition: true,
         disableInputAccessoryView: true,
+        useShouldOverrideUrlLoading: true,
       ),
       onWebViewCreated: _onWebViewCreated,
       onLoadStop: _onLoadStop,
@@ -234,7 +235,7 @@ class ChatBoxState extends State<ChatBox> {
         // We need only the VerticalDragGestureRecognizer in order to be able to scroll through the messages
         Factory(() => VerticalDragGestureRecognizer()),
       },
-      navigationDelegate: _shouldNavigateToUrl,
+      shouldOverrideUrlLoading: _shouldNavigateToUrl,
     );
   }
 
@@ -391,10 +392,10 @@ class ChatBoxState extends State<ChatBox> {
     controller.addJavaScriptHandler(handlerName: 'JSCCustomMessageAction', callback: _jscCustomMessageAction);
 
     String htmlData = await rootBundle.loadString('packages/talkjs_flutter/assets/index.html');
-    controller.loadData(data: htmlData, baseUrl: Uri.parse("https://app.talkjs.com"));
+    controller.loadData(data: htmlData, baseUrl: WebUri("https://app.talkjs.com"));
   }
 
-  void _onLoadStop(InAppWebViewController controller, Uri? url) async {
+  void _onLoadStop(InAppWebViewController controller, WebUri? url) async {
     if (kDebugMode) {
       print('📗 chatbox._onLoadStop ($url)');
     }
@@ -465,23 +466,24 @@ class ChatBoxState extends State<ChatBox> {
     widget.onCustomMessageAction?[action]?.call(MessageActionEvent.fromJson(jsonMessage));
   }
 
-  FutureOr<NavigationDecision> _shouldNavigateToUrl(
-    NavigationRequest navigationRequest,
-  ) {
+  Future<NavigationActionPolicy?> _shouldNavigateToUrl(
+    InAppWebViewController controller,
+    NavigationAction navigationAction,
+  ) async {
     if (widget.onUrlNavigation != null) {
       final UrlNavigationAction action = widget.onUrlNavigation!(
-        UrlNavigationRequest(navigationRequest.url),
+        UrlNavigationRequest(navigationAction.request.url!.rawValue),
       );
 
       switch (action) {
         case UrlNavigationAction.allow:
-          return NavigationDecision.navigate;
+          return NavigationActionPolicy.ALLOW;
         case UrlNavigationAction.deny:
-          return NavigationDecision.prevent;
+          return NavigationActionPolicy.CANCEL;
       }
     }
 
-    return NavigationDecision.navigate;
+    return NavigationActionPolicy.ALLOW;
   }
 
   /// For internal use only. Implementation detail that may change anytime.

lib/src/conversationlist.dart

@@ -207,10 +207,10 @@ class ConversationListState extends State<ConversationList> {
     controller.addJavaScriptHandler(handlerName: 'JSCLoadingState', callback: _jscLoadingState);
 
     String htmlData = await rootBundle.loadString('packages/talkjs_flutter/assets/index.html');
-    controller.loadData(data: htmlData, baseUrl: Uri.parse("https://app.talkjs.com"));
+    controller.loadData(data: htmlData, baseUrl: WebUri("https://app.talkjs.com"));
   }
 
-  void _onLoadStop(InAppWebViewController controller, Uri? url) async {
+  void _onLoadStop(InAppWebViewController controller, WebUri? url) async {
     if (kDebugMode) {
       print('📗 conversationlist._onLoadStop ($url)');
     }

pubspec.lock

@@ -166,7 +166,7 @@ packages:
       name: flutter_inappwebview
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "6.0.0-beta.3"
+    version: "6.0.0-beta.12"
   flutter_inappwebview_internal_annotations:
     dependency: transitive
     description:
@@ -401,4 +401,4 @@ packages:
     version: "6.1.0"
 sdks:
   dart: ">=2.17.0 <3.0.0"
-  flutter: ">=2.8.1"
+  flutter: ">=3.0.0"

pubspec.yaml

@@ -15,7 +15,7 @@ dependencies:
   flutter:
     sdk: flutter
 
-  flutter_inappwebview: ^6.0.0-beta.3
+  flutter_inappwebview: ^6.0.0-beta.12
   crypto: ^3.0.1
   firebase_core: ^1.24.0
   firebase_messaging: ^13.1.0