Birleştirme

import { useState } from 'react';
import { View, Text, TextInput, Button, StyleSheet } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

function HomeScreen({ navigation }) {
  const [text, setText] = useState('');
  const [items, setItems] = useState([]);
  return (
    <View style={styles.container}>
      <Text>Alışveriş Listesi</Text>
      <TextInput value={text} onChangeText={setText} placeholder="Ürün adı" style={styles.input} />
      <Button title="Ekle" onPress={() => setItems([...items, text])} />
      <Button title="Detay" onPress={() => navigation.navigate('Details', { itemNo: 1 })} />
    </View>
  );
}

function DetailsScreen({ route, navigation }) {
  const { itemNo } = route.params;
  return (
    <View style={styles.container}>
      <Text>Ürün no: {itemNo}</Text>
      <Button title="Geri" onPress={() => navigation.goBack()} />
    </View>
  );
}

const Stack = createNativeStackNavigator();

const styles = StyleSheet.create({
  container: { flex: 1, padding: 16 },
  input: { borderWidth: 1, padding: 8, marginBottom: 8 },
});

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Details" component={DetailsScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}