Weird rotation when navigation from landscape screen to portrait one

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

Start by running the linked Expo Snack and reproducing the transition described in the issue, focusing on the Native Screen orientation property and the goBack navigation. Compare the behavior on Android and iOS; done means returning from the landscape screen no longer visibly rotates through the landscape position before settling into portrait.