Create homescreen

app/add-gift-idea.tsx

@@ -52,11 +52,13 @@ export default function AddGiftScreen() {
         </View>
 
         <View style={styles.inputGroup}>
-          <Text style={styles.label}>Choose Recipient</Text>
-          <TouchableOpacity style={styles.select}>
-            <Text style={styles.selectText}>Choose Recipient</Text>
-            <Ionicons name="chevron-down" size={24} color="#666" />
-          </TouchableOpacity>
+          <Text style={styles.label}>Recipient</Text>
+          <TextInput
+            style={styles.input}
+            placeholder="Enter recipient"
+            value={recipient}
+            onChangeText={setRecipient}
+          />
         </View>
 
         <View style={styles.inputGroup}>
@@ -169,4 +171,4 @@ const styles = StyleSheet.create({
     color: '#666',
     fontSize: 16,
   },
-});
+});

app/index.tsx

@@ -8,6 +8,7 @@ import { useNavigation } from '@react-navigation/native';
 
 export default function HomeScreen() {
   const [selectedTab, setSelectedTab] = useState('All');
+  const navigation = useNavigation();
 
   const giftIdeas = [
     {
@@ -34,9 +35,7 @@ export default function HomeScreen() {
   ];
 
   const handleAddGift = () => {
-    const navigation = useNavigation();
-    navigation.dispatch({ type: 'AddGiftIdea' });
-
+    navigation.navigate('AddGiftIdea');
   };
 
   return (
@@ -97,4 +96,4 @@ const styles = StyleSheet.create({
     fontSize: 24,
     fontWeight: 'bold',
   },
-});
+});