[Bug]: BottomSheetModal flickers when previous screen in native stack has an animation (iOS only)

[kantorm]

Version

v5

Reanimated Version

v3

Gesture Handler Version

v2

Platforms

iOS

What happened?

When using BottomSheetModal along with React Navigation native stack with new architecture enabled the content of the screen which has BottomSheetModal flickers if the previous screen has any kind of animation. I noticed that the issue is not visible for the regular BottomSheet component and does not occur if using stack navigator instead of native stack navigator.

Reproduction steps

• Create fresh expo app
• Add new screen to the navigation
• Add BottomSheetModal to the new screen
• Navigate to the new screen. You can leave ParallaxScrollView from the template since it has some animation in it.
• Content on the new screen flickers on mount and if BottomSheetModal is presented/dismissed

Reproduction sample

https://snack.expo.dev/@kantorm/ludicrous-red-scones?platform=ios

bottom_sheet_modal_issue.mp4

Relevant log output

No response

[MatLish00010]

any updates?

[dohooo]

Same!!! How to solve it? any update please?

[jayan2019]

I hope this issue is not related to this package. Its related to react-native-screens

@dohooo are you using @react-navigation/native-stack for navigation?