search

software-mansion / react-native-screens

Native navigation primitives for your React Native app.
MIT License
2.91k stars 498 forks source link

When enabled fullScreenGestureEnabled, the animation changed from Native one to React Navigation animation once goes back triggered #2227

Closed xiaomei7 closed 1 week ago

xiaomei7 commented 1 week ago

Description

Basically the title. In my project, I enabled fullScreenGestureEnabled for stack options. I went on using the app with no problem but once I go back then go into it again or any other screens, the animation changes from Native behaviour to React Navigation one.

Steps to reproduce

  1. set fullScreenGestureEnabled to true.
  2. App must have more than one stack screen.
  3. Navigate to one, then swipe back.
  4. Navigate again, the animation looks different.

Snack or a link to a repository

https://github.com/xiaomei7/ReactScreenBugExample

Screens version

3.27.0

React Native version

0.73.8

Platforms

iOS

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

xiaomei7 commented 1 week ago

Uploading RPReplay_Final1719927009.mp4…

kkafar commented 1 week ago

@xiaomei7 I was just about to ask you for recording, cause I'm trying to reproduce & I can't spot the issue.

Please note that your video did not upload.

kkafar commented 1 week ago

Oh, I can see it 😱

Initial After swipeback

It looks like missing shadow / elevation. Very interesting 😄

xiaomei7 commented 1 week ago

Yes, sorry for the video, didn't see it haven't upload, but the animation is very subtle yeah😵

kkafar commented 1 week ago

I'm not sure whether this is a bug or iOS feature yet. Will look into it sometime this / next week and update you here.

xiaomei7 commented 1 week ago

many thanks