import React, { useState } from 'react';
import { View, Text, TextInput, Button } from 'react-native';
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';
const Stack = createStackNavigator();
function HomeScreen({ navigation }) {
const [name, setName] = useState('');
const [email, setEmail] = useState('');
const handleSubmit = () => {
navigation.navigate('Profile', { name, email });
};
return (
<View>
<Text>Name:</Text>
<TextInput
value={name}
onChangeText={setName}
placeholder="Enter your name"
/>
<Text>Email:</Text>
<TextInput
value={email}
onChangeText={setEmail}
placeholder="Enter your email"
/>
<Button title="Submit" onPress={handleSubmit} />
</View>
);
}
function ProfileScreen({ route }) {
const { name, email } = route.params;
return (
<View>
<Text>Name: {name}</Text>
<Text>Email: {email}</Text>
</View>
);
}
function App() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="Home" component={HomeScreen} />
<Stack.Screen name="Profile" component={ProfileScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
export default App;