From 313ef8d91532537960bbdf26c01323c7c33a1232 Mon Sep 17 00:00:00 2001
From: Pokai Chang <mail@zeta.vg>
Date: Sun, 12 May 2024 23:21:58 +0800
Subject: [PATCH 1/5] feat: add PreventRemove example

---
 Example/App.tsx                       |   6 ++
 Example/src/screens/PreventRemove.tsx | 124 ++++++++++++++++++++++++++
 2 files changed, 130 insertions(+)
 create mode 100644 Example/src/screens/PreventRemove.tsx

diff --git a/Example/App.tsx b/Example/App.tsx
index ff2e0cfac2..26d73dc071 100644
--- a/Example/App.tsx
+++ b/Example/App.tsx
@@ -22,6 +22,7 @@ import StatusBarExample from './src/screens/StatusBar';
 import Animations from './src/screens/Animations';
 import BottomTabsAndStack from './src/screens/BottomTabsAndStack';
 import Modals from './src/screens/Modals';
+import PreventRemove from './src/screens/PreventRemove';
 import Orientation from './src/screens/Orientation';
 import SearchBar from './src/screens/SearchBar';
 import Events from './src/screens/Events';
@@ -70,6 +71,11 @@ const SCREENS: Record<
     component: Modals,
     type: 'example',
   },
+  PreventRemove: {
+    title: 'Prevent Remove',
+    component: PreventRemove,
+    type: 'example',
+  },
   HeaderOptions: {
     title: 'Header Options',
     component: HeaderOptions,
diff --git a/Example/src/screens/PreventRemove.tsx b/Example/src/screens/PreventRemove.tsx
new file mode 100644
index 0000000000..6da2700d69
--- /dev/null
+++ b/Example/src/screens/PreventRemove.tsx
@@ -0,0 +1,124 @@
+import React from 'react';
+import { View, StyleSheet, TextInput, Platform, Alert, ScrollView, Text } from 'react-native';
+import { usePreventRemove } from '@react-navigation/native';
+import {
+  createNativeStackNavigator,
+  NativeStackNavigationProp,
+} from '@react-navigation/native-stack';
+import { Button } from '../shared';
+
+type StackParamList = {
+  Main: undefined;
+  PreventRemoveScreen: undefined;
+  PreventRemoveModal: undefined;
+};
+
+interface MainScreenProps {
+  navigation: NativeStackNavigationProp<StackParamList, 'Main'>;
+}
+
+const MainScreen = ({ navigation }: MainScreenProps): JSX.Element => (
+  <View style={{ ...styles.container, backgroundColor: 'bisque' }}>
+    <Button
+      title="Go to screen"
+      onPress={() => navigation.navigate('PreventRemoveScreen')}
+    />
+    <Button
+      title="Open modal"
+      onPress={() => navigation.navigate('PreventRemoveModal')}
+    />
+    <Button onPress={() => navigation.pop()} title="🔙 Back to Examples" />
+  </View>
+);
+
+const PreventRemoveScreen = ({
+  navigation,
+}: {
+  navigation: NativeStackNavigationProp<StackParamList>;
+}): JSX.Element => {
+  const [text, setText] = React.useState('');
+
+  const hasUnsavedChanges = Boolean(text);
+
+  usePreventRemove(hasUnsavedChanges, ({ data }) => {
+    Alert.alert(
+      'Discard changes?',
+      'You have unsaved changes. Discard them and leave the screen?',
+      [
+        { text: "Don't leave", style: 'cancel', onPress: () => { } },
+        {
+          text: 'Discard',
+          style: 'destructive',
+          onPress: () => navigation.dispatch(data.action),
+        },
+      ],
+    );
+  });
+
+  return (
+    <View style={{ ...styles.container, backgroundColor: 'thistle' }}>
+      <ScrollView
+        contentContainerStyle={styles.contentContainer}
+        keyboardDismissMode="interactive"
+      >
+        <TextInput
+          autoFocus
+          value={text}
+          placeholder="Type something to prevent remove…"
+          placeholderTextColor="#999"
+          onChangeText={setText}
+        />
+        <Button
+          title="Discard and go back"
+          onPress={() => navigation.goBack()}
+        />
+        {Array.from({ length: 10 }).map((_, i) => (
+          <Text key={`lorem-ipsum-${i}`} style={styles.loremIpsum}>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+            aliquip ex ea commodo consequat. Duis aute irure dolor in
+            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </Text>
+        ))}
+      </ScrollView>
+    </View>
+  );
+};
+
+const Stack = createNativeStackNavigator<StackParamList>();
+
+const App = (): JSX.Element => (
+  <Stack.Navigator>
+    <Stack.Screen
+      name="Main"
+      component={MainScreen}
+      options={{ title: 'Prevent Remove' }}
+    />
+    <Stack.Screen name="PreventRemoveScreen" component={PreventRemoveScreen} />
+    <Stack.Screen
+      name="PreventRemoveModal"
+      component={PreventRemoveScreen}
+      options={{ presentation: 'modal' }}
+    />
+  </Stack.Navigator>
+);
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  contentContainer: {
+    paddingTop: 10,
+    paddingHorizontal: 10,
+  },
+  loremIpsum: {
+    marginVertical: 8,
+    fontSize: 16,
+    color: 'gray',
+  },
+});
+
+export default App;

From 7376efef139757b2c2d4b9ba8155967fdd91dd3c Mon Sep 17 00:00:00 2001
From: Pokai Chang <mail@zeta.vg>
Date: Sun, 12 May 2024 23:25:09 +0800
Subject: [PATCH 2/5] fix(iOS): onNativeDismissCancelled called too early
 during modal dismissal

---
 ios/RNSScreen.mm | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/ios/RNSScreen.mm b/ios/RNSScreen.mm
index ac6479feaf..57738d9dac 100644
--- a/ios/RNSScreen.mm
+++ b/ios/RNSScreen.mm
@@ -545,12 +545,18 @@ - (void)presentationControllerWillDismiss:(UIPresentationController *)presentati
 - (BOOL)presentationControllerShouldDismiss:(UIPresentationController *)presentationController
 {
   if (_preventNativeDismiss) {
-    [self notifyDismissCancelledWithDismissCount:1];
     return NO;
   }
   return _gestureEnabled;
 }
 
+- (void)presentationControllerDidAttemptToDismiss:(UIPresentationController *)presentationController
+{
+  if (_preventNativeDismiss) {
+    [self notifyDismissCancelledWithDismissCount:1];
+  }
+}
+
 - (void)presentationControllerDidDismiss:(UIPresentationController *)presentationController
 {
   if ([_reactSuperview respondsToSelector:@selector(presentationControllerDidDismiss:)]) {

From 21581f92fbb8f621353df174eb8b8660fbaabbb1 Mon Sep 17 00:00:00 2001
From: Kacper Kafara <kacperkafara@gmail.com>
Date: Tue, 6 Aug 2024 10:40:19 +0200
Subject: [PATCH 3/5] Align submodule with version on main

---
 react-navigation | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react-navigation b/react-navigation
index d0abdee67f..fdbfe7608c 160000
--- a/react-navigation
+++ b/react-navigation
@@ -1 +1 @@
-Subproject commit d0abdee67f5db8cf39112af535846ffededfb21d
+Subproject commit fdbfe7608c3c9ba4c2c3c95dcc5a6501ec97a056

From 9f588693d1f224fb0409d663c5aa269cfce84776 Mon Sep 17 00:00:00 2001
From: Kacper Kafara <kacperkafara@gmail.com>
Date: Tue, 6 Aug 2024 10:41:20 +0200
Subject: [PATCH 4/5] Add PreventRemove screen to example

---
 apps/Example.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/apps/Example.tsx b/apps/Example.tsx
index c957260681..49381ab308 100644
--- a/apps/Example.tsx
+++ b/apps/Example.tsx
@@ -22,6 +22,7 @@ import { ListItem, SettingsSwitch, ThemedText } from './src/shared';
 import SimpleNativeStack from './src/screens/SimpleNativeStack';
 import SwipeBackAnimation from './src/screens/SwipeBackAnimation';
 import StackPresentation from './src/screens/StackPresentation';
+import PreventRemove from './src/screens/PreventRemove';
 import HeaderOptions from './src/screens/HeaderOptions';
 import StatusBarExample from './src/screens/StatusBar';
 import Animations from './src/screens/Animations';
@@ -80,6 +81,11 @@ const SCREENS: Record<
     type: 'example',
     isTVOSReady: true,
   },
+  PreventRemove: {
+    title: 'Prevent Remove',
+    component: PreventRemove,
+    type: 'example',
+  },
   HeaderOptions: {
     title: 'Header Options',
     component: HeaderOptions,
@@ -132,8 +138,8 @@ const playgrounds = screens.filter(name => SCREENS[name].type === 'playground');
 type RootStackParamList = {
   Main: undefined;
 } & {
-  [P in keyof typeof SCREENS]: undefined;
-};
+    [P in keyof typeof SCREENS]: undefined;
+  };
 
 const Stack = createNativeStackNavigator<RootStackParamList>();
 
@@ -208,9 +214,8 @@ const ExampleApp = (): React.JSX.Element => {
               <Stack.Screen
                 name="Main"
                 options={{
-                  title: `${
-                    Platform.isTV ? '📺' : '📱'
-                  } React Native Screens Examples`,
+                  title: `${Platform.isTV ? '📺' : '📱'
+                    } React Native Screens Examples`,
                 }}
                 component={MainScreen}
               />

From 773c5db67ae64725891ae36ac8b3c25597e41bae Mon Sep 17 00:00:00 2001
From: Kacper Kafara <kacperkafara@gmail.com>
Date: Tue, 6 Aug 2024 11:04:33 +0200
Subject: [PATCH 5/5] Merge implementation with gestureCancel

---
 ios/RNSScreen.mm | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/ios/RNSScreen.mm b/ios/RNSScreen.mm
index f57238a571..abb6c572c2 100644
--- a/ios/RNSScreen.mm
+++ b/ios/RNSScreen.mm
@@ -514,14 +514,6 @@ - (void)notifyTransitionProgress:(double)progress closing:(BOOL)closing goingFor
 #endif
 }
 
-#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
-    __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
-- (void)presentationControllerDidAttemptToDismiss:(UIPresentationController *)presentationController
-{
-  [self notifyGestureCancel];
-}
-#endif
-
 - (void)presentationControllerWillDismiss:(UIPresentationController *)presentationController
 {
   // We need to call both "cancel" and "reset" here because RN's gesture recognizer
@@ -551,12 +543,18 @@ - (BOOL)presentationControllerShouldDismiss:(UIPresentationController *)presenta
   return _gestureEnabled;
 }
 
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
+    __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
 - (void)presentationControllerDidAttemptToDismiss:(UIPresentationController *)presentationController
 {
+  // NOTE(kkafar): We should consider depracating the use of gesture cancel here & align
+  // with usePreventRemove API of react-navigation v7.
+  [self notifyGestureCancel];
   if (_preventNativeDismiss) {
     [self notifyDismissCancelledWithDismissCount:1];
   }
 }
+#endif
 
 - (void)presentationControllerDidDismiss:(UIPresentationController *)presentationController
 {