// 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>

  );

}