feat: stack based navigation

Author: NuclearRedeye

src/screens/details.tsx

@@ -11,7 +11,9 @@ export function DetailsScreen({message = "Details Screen"}: DetailsScreenProps)
   return (
     <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
       <Text>{message}</Text>
-      <Button onPress={() => navigation.navigate('Home')}>Go Home</Button>
+      <Button onPress={() => navigation.push('Details')}>Go Deeper</Button>
+      <Button onPress={() => navigation.goBack('Details')}>Go Back</Button>
+      <Button onPress={() => navigation.popTo('Home')}>Go Home</Button>
     </View>
   );
 }

src/screens/home.tsx

@@ -1,13 +1,18 @@
+import { useNavigation } from '@react-navigation/native';
 import { View, Text } from 'react-native';
+import { Button } from '@react-navigation/elements';
 
 export type HomeScreenProps = {
   message?: string;
 };
 
 export function HomeScreen({message = "Home Screen"}: HomeScreenProps) {
+  const navigation = useNavigation();
+  
   return (
     <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
       <Text>{message}</Text>
+      <Button onPress={() => navigation.push('Details')}>Go to Details</Button>
     </View>
   );
 }