Modal becomes unresponsive when using RefreshControl within ScrollView #48579
Labels
Component: Modal
Component: RefreshControl
Component: ScrollView
Needs: Triage 🔍
Newer Patch Available
p: Software Mansion
Partner: Software Mansion
Partner
Resolution: Fixed
A PR that fixes this issue has been merged.
Type: New Architecture
Issues and PRs related to new architecture (Fabric/Turbo Modules)
Description
Note
The issue has been brought to my attention by the user @chvanlennep, who reported it (issue link) initially on
react-native-screens
repository.Here I use his modified description & stripped down reproduction.
When displaying a native iOS modal using
Modal
react-native
's component, if the modally presented view contains a RefreshControl component in a scrollable, the modal is unresponsive on mount. Backgrounding the app and returning fixes the issue.This happens on simulators and real devices.
@kkafar: I've noticed that:
animationType
is not set - it looks ugly, but there is no bug.[self _attach]
inRCTPullToRefreshViewComponentView.mm
resolves the issue (see fix(iOS): modal becomes unresponsive with refresh control inside scrollable #48580). However I do not have understanding of the issue mechanism.Steps to reproduce
React Native Version
0.76.6
Affected Platforms
Runtime - iOS
Areas
Fabric - The New Renderer, Other (please specify)
Output of
npx react-native info
Stacktrace or Logs
Reproducer
https://snack.expo.dev/jWNIJRvKt6aScyidI-BGW
Screenshots and Videos
Screen.Recording.2025-01-09.at.23.27.27.mov
The text was updated successfully, but these errors were encountered: