formSheet + nested ScrollViews is broken

[RohovDmytro]

Description

Nesting ScrollViews does not play well with closing a modal on Android.

Steps to reproduce

1. https://github.com/RohovDmytro/react-native-screams

2. Open example "formsheet-nested-nasty"

3. Scroll to close modal. Most of the places won't be responsive. It has something to do with nesting and 'nestedScrollEnabled' property.

Snack or a link to a repository

https://github.com/RohovDmytro/react-native-screams

Screens version

4.7.0-beta.4

React Native version

0.76.7

Platforms

Android

JavaScript runtime

Hermes

Workflow

Expo bare workflow

Architecture

Paper (Old Architecture)

Build type

Debug mode

Device

Real device

Device model

Google Pixel 7

Acknowledgements

Yes

[zispidd]

same issue on new architecture and latest version

[kmagiera]

This is likely the issue with the built-in RN's scrollview not supporting vertical scroll view nesting. Android for some time recommends using NestedScrollView component instead of the one RN uses and there's a PR by @kkafar with this change for RN. I don't see a good way of working this around other than patching RN Android code at the moment unless there's some third party library that provides this component: https://github.com/facebook/react-native/pull/44099