fix: block GH interactions in Native Stack example (#126)

packages/example/src/Screens/NativeStack.tsx

@@ -3,7 +3,12 @@ import { View, StyleSheet } from 'react-native';
 import { Button } from 'react-native-paper';
 // eslint-disable-next-line import/no-unresolved
 import { useScreens } from 'react-native-screens';
-import { RouteProp, ParamListBase } from '@react-navigation/core';
+import {
+  RouteProp,
+  ParamListBase,
+  useFocusEffect,
+} from '@react-navigation/core';
+import { DrawerNavigationProp } from '@react-navigation/drawer';
 import { StackNavigationProp } from '@react-navigation/stack';
 import {
   createNativeStackNavigator,
@@ -84,6 +89,22 @@ export default function NativeStackScreen({ navigation }: Props) {
     headerShown: false,
   });
 
+  useFocusEffect(
+    React.useCallback(() => {
+      const drawer = navigation.dangerouslyGetParent() as DrawerNavigationProp<
+        ParamListBase
+      >;
+
+      navigation.setOptions({ gestureEnabled: false });
+      drawer.setOptions({ drawerLockMode: 'locked-closed' });
+
+      return () => {
+        navigation.setOptions({ gestureEnabled: true });
+        drawer.setOptions({ drawerLockMode: 'unlocked' });
+      };
+    }, [navigation])
+  );
+
   return (
     <NativeStack.Navigator>
       <NativeStack.Screen