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

[nicolascavallin]

Description

I originally published the issue in react-navigation: https://github.com/react-navigation/react-navigation/issues/11929

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 behaviour

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

Build type and Device

This is happening in both, debug and release builds, and simulator and real device.

Steps to reproduce

1. In iOS, using @react-navigation/native-stack, navigate to screen with presentation: modal
2. Then, try to "slide up" when the screen is opened as modal

Snack or a link to a repository

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

Screens version

^3.30.1

React Native version

0.73.6

Platforms

iOS

JavaScript runtime

None

Workflow

React Native (without Expo)

Architecture

Paper (Old Architecture)

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

[kkafar]

Hey, thanks for reporting!

I am aware this issue & it should be handled with #2045. This is the same issue as #1722.

I won't close this issue yet, but don't mind if I do as duplicate.

[visibly]

@nicolascavallin were you able to solve it?

[nicolascavallin]

@nicolascavallin were you able to solve it?

Nope, and I didn't work on it, sorry.

cc @visibly