Weird rotation when navigation from landscape screen to portrait one

[vargajacint]

Description

Basically, whenever we go from landscape screen to portrait one, the portrait one exhibits an ugly rotation from landscape view to correct portrait position.

https://user-images.githubusercontent.com/11645756/199097249-69ba8800-013f-44bc-b28b-37833c5b8a87.mp4

This issue perfectly describes the problem!

Steps to reproduce

1. Create an empty project using React Navigation library
2. Create a BottomStackNavigator and create a Native Screen on the same level
3. Change the Native Screen orientation property to landscape_right
4. Navigate from the BottomStackNavigator to the Native Screen and navigate back using goBack function.

Snack or a link to a repository

https://snack.expo.dev/@vargajacint/weird-rotation-effect-issue

Screens version

3.18.0

React Native version

0.71.0

Platforms

Android, iOS

JavaScript runtime

Hermes

Workflow

None

Architecture

None

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

[feedthedevil]

Hi. Any updates?

[tboba]

Hi @feedthedevil, we are aware of the problem - @kkafar made a quick fix for it in #1848, but we still wonder if this PR should be merged. We're not happy how the animation looks like and also transitions between screens are quite buggy on Fabric. The work is still in progress ⚠️