diff --git a/FabricTestExample/App.js b/FabricTestExample/App.js
index 2aea269a4d..5cbb5f7fb1 100644
--- a/FabricTestExample/App.js
+++ b/FabricTestExample/App.js
@@ -90,6 +90,7 @@ import Test1802 from './src/Test1802';
 import Test1829 from './src/Test1829';
 import Test1844 from './src/Test1844';
 import Test1864 from './src/Test1864';
+import Test1970 from './src/Test1970';
 import TestScreenAnimation from './src/TestScreenAnimation';
 import Test1981 from './src/Test1981';
 import Test2008 from './src/Test2008';
diff --git a/FabricTestExample/src/Test1970.jsx b/FabricTestExample/src/Test1970.jsx
new file mode 100644
index 0000000000..c6c8377b84
--- /dev/null
+++ b/FabricTestExample/src/Test1970.jsx
@@ -0,0 +1,73 @@
+import { NavigationContainer, useNavigation } from '@react-navigation/native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import { Button, StyleSheet, Text } from 'react-native';
+
+const Stack = createNativeStackNavigator();
+
+const Home = () => {
+  const navigation = useNavigation();
+
+  return (
+    <>
+      <Text>Home Screen - Portrait</Text>
+      <Button title="Next" onPress={() => navigation.navigate('Landscape')} />
+    </>
+  );
+};
+
+const Landscape = () => {
+  const navigation = useNavigation();
+
+  return (
+    <>
+      <Text>Landscape Screen</Text>
+      <Button title="Back" onPress={() => navigation.goBack()} />
+    </>
+  );
+};
+
+export default function App() {
+  return (
+    <NavigationContainer>
+      <Stack.Navigator
+        initialRouteName="Home"
+        screenOptions={{ animation: 'none', headerShown: false }}>
+        <Stack.Screen
+          name="Home"
+          component={Home}
+          options={{
+            orientation: 'portrait',
+            contentStyle: {
+              flex: 1,
+              backgroundColor: '#abc',
+              justifyContent: 'center',
+              alignItems: 'center',
+            },
+          }}
+        />
+        <Stack.Screen
+          name="Landscape"
+          component={Landscape}
+          options={{
+            orientation: 'landscape',
+            contentStyle: {
+              flex: 1,
+              backgroundColor: '#cba',
+              justifyContent: 'center',
+              alignItems: 'center',
+            },
+          }}
+        />
+      </Stack.Navigator>
+    </NavigationContainer>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
diff --git a/TestsExample/App.js b/TestsExample/App.js
index 73b1f6eac2..3a993780cb 100644
--- a/TestsExample/App.js
+++ b/TestsExample/App.js
@@ -93,6 +93,7 @@ import Test1802 from './src/Test1802';
 import Test1829 from './src/Test1829';
 import Test1844 from './src/Test1844';
 import Test1864 from './src/Test1864';
+import Test1970 from './src/Test1970';
 import Test1981 from './src/Test1981';
 import Test2008 from './src/Test2008';
 import Test2048 from './src/Test2048';
diff --git a/TestsExample/src/Test1970.jsx b/TestsExample/src/Test1970.jsx
new file mode 100644
index 0000000000..c6c8377b84
--- /dev/null
+++ b/TestsExample/src/Test1970.jsx
@@ -0,0 +1,73 @@
+import { NavigationContainer, useNavigation } from '@react-navigation/native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import { Button, StyleSheet, Text } from 'react-native';
+
+const Stack = createNativeStackNavigator();
+
+const Home = () => {
+  const navigation = useNavigation();
+
+  return (
+    <>
+      <Text>Home Screen - Portrait</Text>
+      <Button title="Next" onPress={() => navigation.navigate('Landscape')} />
+    </>
+  );
+};
+
+const Landscape = () => {
+  const navigation = useNavigation();
+
+  return (
+    <>
+      <Text>Landscape Screen</Text>
+      <Button title="Back" onPress={() => navigation.goBack()} />
+    </>
+  );
+};
+
+export default function App() {
+  return (
+    <NavigationContainer>
+      <Stack.Navigator
+        initialRouteName="Home"
+        screenOptions={{ animation: 'none', headerShown: false }}>
+        <Stack.Screen
+          name="Home"
+          component={Home}
+          options={{
+            orientation: 'portrait',
+            contentStyle: {
+              flex: 1,
+              backgroundColor: '#abc',
+              justifyContent: 'center',
+              alignItems: 'center',
+            },
+          }}
+        />
+        <Stack.Screen
+          name="Landscape"
+          component={Landscape}
+          options={{
+            orientation: 'landscape',
+            contentStyle: {
+              flex: 1,
+              backgroundColor: '#cba',
+              justifyContent: 'center',
+              alignItems: 'center',
+            },
+          }}
+        />
+      </Stack.Navigator>
+    </NavigationContainer>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
diff --git a/ios/RNSScreenStack.mm b/ios/RNSScreenStack.mm
index 7aa23908a8..88e0e5a805 100644
--- a/ios/RNSScreenStack.mm
+++ b/ios/RNSScreenStack.mm
@@ -923,6 +923,10 @@ - (void)navigationController:(UINavigationController *)navigationController
 {
   [self emitOnFinishTransitioningEvent];
   [RNSScreenWindowTraits updateWindowTraits];
+  // Because of the bug that caused view to have incorrect dimensions while changing the orientation,
+  // we need to signalize that it needs to be layouted.
+  // see https://github.com/software-mansion/react-native-screens/pull/1970
+  [_controller.view setNeedsLayout];
 }
 #endif