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

nicolascavallin commented 1 month ago

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.

https://github.com/react-navigation/react-navigation/assets/22961489/bb11dc52-96ac-459a-bc8e-9f32942fc296

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
[x] iOS
[ ] Web
[ ] Windows
[ ] MacOS

Packages

[ ] @react-navigation/bottom-tabs
[ ] @react-navigation/drawer
[ ] @react-navigation/material-top-tabs
[ ] @react-navigation/stack
[x] @react-navigation/native-stack
[ ] react-native-tab-view

Environment

[x] 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 commented 3 weeks ago

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

nicolascavallin commented 3 weeks ago

@visibly nope, still waiting

github-actions[bot] commented 3 weeks ago

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 commented 3 weeks ago

Published in react-native-screens: https://github.com/software-mansion/react-native-screens/issues/2112

react-navigation / react-navigation