Strange flicker when you scroll up a modal with NativeStack in iOS

[nicolascavallin]

Current behavior

When you open a presentation: 'modal', in Native Stack on iOS, and you try to "swipe up", seems a strange black flicker at the bottom of the screen.

Simulator.Screen.Recording.-.iPhone.15.Pro.-.2024-04-10.at.17.06.18.mp4

Expected behavior

In native iOS applications this does not occur, so it shouldn't happens.

Reproduction

https://snack.expo.dev/@nicolascavallin/grounded-indigo-cashew

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/bottom-tabs
• @react-navigation/drawer
• @react-navigation/material-top-tabs
• @react-navigation/stack
• @react-navigation/native-stack
• react-native-tab-view

Environment

• I've removed the packages that I don't use

package	version
@react-navigation/native	^6.1.17
@react-navigation/bottom-tabs	^6.5.20
@react-navigation/stack	^6.3.29
@react-navigation/native-stack	^6.9.26
react-native-safe-area-context	^4.9.0
react-native-screens	^3.30.1
react-native-gesture-handler	^2.16.0
react-native-reanimated	^3.8.0
react-native	0.73.6
expo	^50.0.14
node	20
yarn	4.0.2

[visibly]

I experience the same problem. Did you find the cause or a solution?

[nicolascavallin]

@visibly nope, still waiting

[github-actions]

Hey! Thanks for opening the issue. Seems that this issue is related to react-native-screens library which is a dependency of React Navigation. Can you also post your issue in this repo so that it's notified to the maintainers of that library? This will help us fix the issue faster since it's upto the maintainers of that library to investigate it.

[nicolascavallin]

Published in react-native-screens: software-mansion/react-native-screens#2112