Merge pull request #8 from talkjs/fix/scrolling-bottom-sheet

Added vertical drag gesture recognizer to the WebViews

Author: bugnano

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.2.1
+
+- Fixed vertical scrolling when the ChatBox is in a bottom sheet
+
 ## 0.2.0
 
 - Implemented the `onLoadingStateChanged` callback

lib/src/chatbox.dart

@@ -4,6 +4,7 @@ import 'dart:async';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter/foundation.dart';
+import 'package:flutter/gestures.dart';
 
 import 'package:webview_flutter/webview_flutter.dart';
 
@@ -192,7 +193,11 @@ class ChatBoxState extends State<ChatBox> {
         JavascriptChannel(name: 'JSCTranslationToggled', onMessageReceived: _jscTranslationToggled),
         JavascriptChannel(name: 'JSCLoadingState', onMessageReceived: _jscLoadingState),
         JavascriptChannel(name: 'JSCCustomMessageAction', onMessageReceived: _jscCustomMessageAction),
-    });
+      },
+      gestureRecognizers: {
+        Factory(() => VerticalDragGestureRecognizer()),
+      },
+    );
   }
 
   void _createSession() {

lib/src/conversationlist.dart

@@ -3,7 +3,8 @@ import 'dart:async';
 
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
-import 'package:flutter/foundation.dart' show kDebugMode;
+import 'package:flutter/foundation.dart';
+import 'package:flutter/gestures.dart';
 
 import 'package:webview_flutter/webview_flutter.dart';
 
@@ -151,7 +152,11 @@ class ConversationListState extends State<ConversationList> {
       javascriptChannels: <JavascriptChannel>{
         JavascriptChannel(name: 'JSCSelectConversation', onMessageReceived: _jscSelectConversation),
         JavascriptChannel(name: 'JSCLoadingState', onMessageReceived: _jscLoadingState),
-    });
+      },
+      gestureRecognizers: {
+        Factory(() => VerticalDragGestureRecognizer()),
+      },
+    );
   }
 
   void _createSession() {

pubspec.yaml

@@ -1,6 +1,6 @@
 name: talkjs_flutter
 description: Official TalkJS SDK for Flutter
-version: 0.2.0
+version: 0.2.1
 homepage: https://talkjs.com
 
 environment: