fix: image tap functionality on android

[sharanya08p]

🎯 Goal

On certain Android devices, tapping on images in messages requires multiple taps to work when enableSwipeToReply is enabled. The issue occurs because the pan gesture detector intercepts touch events before they can reach the image Pressable components.

🛠 Implementation details

This pull request introduces an improvement to the swipe gesture handling in the SwipableMessageBubble component. The change ensures that swipe gestures are only activated when the user's touch movement exceeds a minimum distance, which helps prevent accidental activations from small or unintended touches.

Gesture handling improvements:

• Added a MINIMUM_DISTANCE threshold (set to 8) and updated the gesture logic to require a minimum movement before activating or failing the swipe gesture, reducing false positives from minor touch movements. (package/src/components/Message/MessageSimple/MessageBubble.tsx) [1] [2]

🎨 UI Changes

iOS

    </tr>
</thead>
<tbody>
    <tr>
        <td>
            <!--<img src="" /> -->
        </td>
        <td>
            <!--<img src="" /> -->
        </td>
    </tr>
</tbody>

Before	After:

Android

Before	After

🧪 Testing

Tested on Galaxy S22 and Iphone 16

☑️ Checklist

• I have signed the Stream CLA (required)
• PR targets the develop branch
• Documentation is updated
• New code is tested in main example apps, including all possible scenarios
  • SampleApp iOS and Android
  • Expo iOS and Android

[khushal87]

Thanks for your contribution @sharanya08p 😄