From d98ba3b7e3f46bc8813fa62a8bf30292933e9a80 Mon Sep 17 00:00:00 2001
From: kacperkapusciak <kacper.kapusciak@swmansion.com>
Date: Fri, 16 Jun 2023 14:44:23 +0200
Subject: [PATCH 1/3] fix: add isNewBackTitleImplementation constant

---
 TestsExample/App.js       |  1 +
 TestsExample/src/Test.tsx | 63 +++++++++++++++++++++++++++++++++++++++
 src/index.native.tsx      |  2 ++
 src/index.tsx             |  1 +
 src/utils.ts              |  6 ++++
 5 files changed, 73 insertions(+)
 create mode 100644 TestsExample/src/Test.tsx

diff --git a/TestsExample/App.js b/TestsExample/App.js
index c4b499641d..b9e3cda10d 100644
--- a/TestsExample/App.js
+++ b/TestsExample/App.js
@@ -87,6 +87,7 @@ import Test1646 from './src/Test1646';
 import Test1649 from './src/Test1649';
 import Test1683 from './src/Test1683';
 import Test1726 from './src/Test1726';
+import Test from './src/Test';
 
 enableFreeze(true);
 
diff --git a/TestsExample/src/Test.tsx b/TestsExample/src/Test.tsx
new file mode 100644
index 0000000000..0efbf58036
--- /dev/null
+++ b/TestsExample/src/Test.tsx
@@ -0,0 +1,63 @@
+import {NavigationContainer} from '@react-navigation/native';
+
+import {createNativeStackNavigator} from '@react-navigation/native-stack';
+
+import React from 'react';
+import {Button, View} from 'react-native';
+
+const Stack = createNativeStackNavigator();
+
+const Screen1 = ({navigation}) => (
+  <View style={{flex: 1}}>
+    <Button onPress={() => navigation.navigate('Screen2')} title="Next" />
+  </View>
+);
+
+const Screen2 = ({navigation}) => (
+  <View style={{flex: 1}}>
+    <Button onPress={() => navigation.navigate('Screen3')} title="Next" />
+  </View>
+);
+
+const Screen3 = ({navigation}) => (
+  <View style={{flex: 1}}>
+    <Button onPress={() => navigation.navigate('Screen4')} title="Next" />
+  </View>
+);
+
+const Screen4 = () => <View style={{flex: 1}} />;
+
+const App = () => {
+  return (
+    <NavigationContainer>
+      <Stack.Navigator>
+        <Stack.Screen component={Screen1} name="Screen1" />
+        <Stack.Screen
+          component={Screen2}
+          name="Screen2"
+          options={{
+            headerBackTitleVisible: false,
+            headerBackTitle: 'Custom title in back button menu',
+          }}
+        />
+        <Stack.Screen
+          component={Screen3}
+          name="Screen3"
+          options={{
+            headerBackTitle: 'Small title',
+            headerBackTitleStyle: {fontSize: 8},
+          }}
+        />
+        <Stack.Screen
+          component={Screen4}
+          name="Screen4"
+          options={{
+            headerBackTitle: 'Custom title',
+          }}
+        />
+      </Stack.Navigator>
+    </NavigationContainer>
+  );
+};
+
+export default App;
diff --git a/src/index.native.tsx b/src/index.native.tsx
index 24c81394bc..99601241e5 100644
--- a/src/index.native.tsx
+++ b/src/index.native.tsx
@@ -34,6 +34,7 @@ import {
 } from './types';
 import {
   isSearchBarAvailableForCurrentPlatform,
+  isNewBackTitleImplementation,
   executeNativeBackPress,
 } from './utils';
 
@@ -592,5 +593,6 @@ module.exports = {
   useTransitionProgress,
 
   isSearchBarAvailableForCurrentPlatform,
+  isNewBackTitleImplementation,
   executeNativeBackPress,
 };
diff --git a/src/index.tsx b/src/index.tsx
index 4d432e7030..9e4e264fd9 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -13,6 +13,7 @@ export * from './types';
 export { default as useTransitionProgress } from './useTransitionProgress';
 export {
   isSearchBarAvailableForCurrentPlatform,
+  isNewBackTitleImplementation,
   executeNativeBackPress,
 } from './utils';
 
diff --git a/src/utils.ts b/src/utils.ts
index 56a34d399c..d8b99c3d90 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -10,3 +10,9 @@ export function executeNativeBackPress() {
   BackHandler.exitApp();
   return true;
 }
+
+// Because of a bug introduced in https://github.com/software-mansion/react-native-screens/pull/1646
+// react-native-screens v3.21 changed how header's backTitle handles whitespace strings in https://github.com/software-mansion/react-native-screens/pull/1726
+// To allow for backwards compatibility in @react-navigation/native-stack we need have a way to check if this version or newer is used
+// See https://github.com/react-navigation/react-navigation/pull/11423 for more context.
+export const isNewBackTitleImplementation = true;

From 0bd005d6100f77872c4b6347bc37247a7b63e7ff Mon Sep 17 00:00:00 2001
From: kacperkapusciak <kacper.kapusciak@swmansion.com>
Date: Fri, 16 Jun 2023 14:45:55 +0200
Subject: [PATCH 2/3] chore: update test name

---
 TestsExample/App.js                         | 2 +-
 TestsExample/src/{Test.tsx => Test1791.tsx} | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename TestsExample/src/{Test.tsx => Test1791.tsx} (100%)

diff --git a/TestsExample/App.js b/TestsExample/App.js
index b9e3cda10d..9c1e0c5907 100644
--- a/TestsExample/App.js
+++ b/TestsExample/App.js
@@ -87,7 +87,7 @@ import Test1646 from './src/Test1646';
 import Test1649 from './src/Test1649';
 import Test1683 from './src/Test1683';
 import Test1726 from './src/Test1726';
-import Test from './src/Test';
+import Test1791 from './src/Test1791';
 
 enableFreeze(true);
 
diff --git a/TestsExample/src/Test.tsx b/TestsExample/src/Test1791.tsx
similarity index 100%
rename from TestsExample/src/Test.tsx
rename to TestsExample/src/Test1791.tsx

From b0ec516d4665846a81df54536bad165cf5523098 Mon Sep 17 00:00:00 2001
From: kacperkapusciak <kacper.kapusciak@swmansion.com>
Date: Mon, 19 Jun 2023 07:58:45 +0200
Subject: [PATCH 3/3] fix: rephrase comment

---
 src/utils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/utils.ts b/src/utils.ts
index d8b99c3d90..5ef2cfce06 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -13,6 +13,6 @@ export function executeNativeBackPress() {
 
 // Because of a bug introduced in https://github.com/software-mansion/react-native-screens/pull/1646
 // react-native-screens v3.21 changed how header's backTitle handles whitespace strings in https://github.com/software-mansion/react-native-screens/pull/1726
-// To allow for backwards compatibility in @react-navigation/native-stack we need have a way to check if this version or newer is used
+// To allow for backwards compatibility in @react-navigation/native-stack we need a way to check if this version or newer is used.
 // See https://github.com/react-navigation/react-navigation/pull/11423 for more context.
 export const isNewBackTitleImplementation = true;