Minimum Swipe Gesture Distance (#100)

Author: adolfogarza

CHANGELOG.md

@@ -7,6 +7,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Possibility to view channel info on channel options
 - Date separators in the message list
 - ChatUserNamer to customize user name on typing indicator
+- minimumSwipeGestureDistance to control swipe sensitivity
 
 ### 🐞 Fixed
 - Bug about link attachments not opening when the URL was missing the scheme

Sources/StreamChatSwiftUI/ChatChannel/MessageList/MessageContainerView.swift

@@ -127,10 +127,10 @@ public struct MessageContainerView<Factory: ViewFactory>: View {
                             handleGestureForMessage(showsMessageActions: true)
                         }
                     })
-                    .offset(x: self.offsetX)
+                    .offset(x: min(self.offsetX, maximumHorizontalSwipeDisplacement))
                     .simultaneousGesture(
                         DragGesture(
-                            minimumDistance: 10,
+                            minimumDistance: utils.messageListConfig.messageDisplayOptions.minimumSwipeGestureDistance,
                             coordinateSpace: .local
                         )
                         .updating($offset) { (value, gestureState, _) in
@@ -219,6 +219,10 @@ public struct MessageContainerView<Factory: ViewFactory>: View {
                 messageListConfig.messageDisplayOptions.otherUserMessageTransition
         )
     }
+    
+    private var maximumHorizontalSwipeDisplacement: CGFloat {
+        replyThreshold + 30
+    }
 
     private var isMessagePinned: Bool {
         message.pinDetails != nil

Sources/StreamChatSwiftUI/ChatChannel/MessageList/MessageListConfig.swift

@@ -76,6 +76,7 @@ public struct MessageDisplayOptions {
     let showAuthorName: Bool
     let animateChanges: Bool
     let dateLabelSize: CGFloat
+    let minimumSwipeGestureDistance: CGFloat
     let currentUserMessageTransition: AnyTransition
     let otherUserMessageTransition: AnyTransition
     var messageLinkDisplayResolver: (ChatMessage) -> [NSAttributedString.Key: Any]
@@ -86,6 +87,7 @@ public struct MessageDisplayOptions {
         showAuthorName: Bool = true,
         animateChanges: Bool = true,
         overlayDateLabelSize: CGFloat = 40,
+        minimumSwipeGestureDistance: CGFloat = 10,
         currentUserMessageTransition: AnyTransition = .identity,
         otherUserMessageTransition: AnyTransition = .identity,
         messageLinkDisplayResolver: @escaping (ChatMessage) -> [NSAttributedString.Key: Any] = MessageDisplayOptions
@@ -96,6 +98,7 @@ public struct MessageDisplayOptions {
         self.showMessageDate = showMessageDate
         self.animateChanges = animateChanges
         dateLabelSize = overlayDateLabelSize
+        self.minimumSwipeGestureDistance = minimumSwipeGestureDistance
         self.currentUserMessageTransition = currentUserMessageTransition
         self.otherUserMessageTransition = otherUserMessageTransition
         self.messageLinkDisplayResolver = messageLinkDisplayResolver

docusaurus/docs/iOS/swiftui/components/message-list.md

@@ -252,4 +252,20 @@ var body: some Scene {
         ChatChannelListView(viewFactory: CustomFactory.shared)
     }
 }
-```
+```
+
+## Minimum Swipe Gesture Distance For Replying to Messages
+
+The minimum swipe gesture distance needed to trigger a reply response can be personalized. This allows to fine tune the overall message list experience.
+ 
+ This setup is done when the `StreamChat` object is being created, usually at the start of the app (e.g. in the `AppDelegate`).
+ 
+ Here's an example usage:
+
+```swift
+let messageDisplayOptions = MessageDisplayOptions(minimumSwipeGestureDistance: 20)
+let messageListConfig = MessageListConfig(messageDisplayOptions: messageDisplayOptions)
+let utils = Utils(messageListConfig: messageListConfig)
+
+let streamChat = StreamChat(chatClient: chatClient, utils: utils)
+```