// HomeScreen.js
import React, { useState } from 'react';
import { View, Button, TextInput } from 'react-native';
export default function HomeScreen({ navigation }) {
const [number1, setNumber1] = useState('');
const [number2, setNumber2] = useState('');
const navigateToDisplay = () => {
navigation.navigate('Display', {
number1,
number2,
});
};
return (
<View>
<TextInput
placeholder="Enter number 1"
value={number1}
onChangeText={(text) => setNumber1(text)}
/>
<TextInput
placeholder="Enter number 2"
value={number2}
onChangeText={(text) => setNumber2(text)}
/>
<Button title="Show Numbers" onPress={navigateToDisplay} />
</View>
);
}
// DisplayScreen.js
import React from 'react';
import { View, Text } from 'react-native';
export default function DisplayScreen({ route }) {
const { number1, number2 } = route.params;
return (
<View>
<Text>Number 1: {number1}</Text>
<Text>Number 2: {number2}</Text>
</View>
);
}
|