Vertical screen gesture conflicts with scrollview

[AlirezaHadjar]

Description

I want to have a screen that can be pulled down and dismissed. To achieve this, I have used

options={{ animation: 'slide_from_bottom', fullScreenGestureEnabled: true, gestureDirection: 'vertical'}}

It woks fine until you use a scrollview in that screen. This would cause the screen not be dismissed since scrollview is blocking the outside gestures.

Screen.Recording.2025-11-10.at.9.06.12.PM.mov

Steps to reproduce

1. npm i && npx expo prebuild && npm run ios
2. Click on To Vertical Screen button
3. Try pulling down the screen from the blue container
   https://github.com/user-attachments/assets/522e41b3-0430-4cd8-a6e7-879a17923868

Snack or a link to a repository

https://github.com/AlirezaHadjar/rngh-scroll-issue

Screens version

4.18.0

React Native version

0.81.5

Platforms

iOS

JavaScript runtime

Hermes

Workflow

Expo managed workflow

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

iOS simulator

Device model

iPhone 17 Pro (iOS 26)

Acknowledgements

Yes

[kkafar]

Hey, thanks for the report. I believe this to be duplicate of #3302, therefore I'll close it for now.

[AlirezaHadjar]

hey @kkafar, thanks for checking this out. i created a separate issue because the patch suggested by @mozzius didn’t solve this one. his patch is meant for horizontal gestures with horizontal scrollviews, while in my case the gesture is vertical.

[AlirezaHadjar]

@kkafar I managed to find a fix for my issue. It fixes the issue for both vertical and horizontal gestures. However Im not sure if I chose the correct approach but I can turn it into a PR.

react-native-screens+4.18.0.patch

UPDATE: actually it's working unreliably. in my testings after applying the patch, the vertical gesture sometimes dismisses the screen and sometimes stretches/bounces the scrollview.