feat: use default parameters

Author: NuclearRedeye

App.tsx

@@ -10,8 +10,16 @@ const Stack = createNativeStackNavigator();
 function RootStack() {
   return (
     <Stack.Navigator initialRouteName="Home">
-      <Stack.Screen name="Home" component={HomeScreen} />
-      <Stack.Screen name="Details" component={DetailsScreen} />
+      <Stack.Screen
+        name="Home"
+        component={HomeScreen}
+        initialParams={{ message: 'Hello World' }}
+      />
+      <Stack.Screen
+        name="Details"
+        component={DetailsScreen}
+        initialParams={{ depth: 1 }}
+      />
     </Stack.Navigator>
   );
 }

src/screens/home.tsx

@@ -1,18 +1,21 @@
-import { useNavigation } from '@react-navigation/native';
+import { useNavigation, useRoute } 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) {
+export function HomeScreen() {
   const navigation = useNavigation();
+  const route = useRoute();
+
+  const { message } = route.params as HomeScreenProps;
 
   return (
     <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
       <Text>{message}</Text>
-      <Button onPress={() => navigation.push('Details', {depth: 1})}>Go to Details</Button>
+      <Button onPress={() => navigation.push('Details')}>Go to Details</Button>
     </View>
   );
 }