Copy and Paste  -   An Application to Copy/Paste Text  

 
S.No 5832 Name test Date/Time 12-Oct-2023 10:38:09 AM

Copy text from below
import * as React from 'react';
import { Button, View, Text, TextInput, StyleSheet } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

function HomeScreen({ navigation }) {
  const [email, setEmail] = React.useState('');
  const [name, setName] = React.useState('');

  return (
    <View
      style={{
        flex: 0.5,
        alignItems: 'center',
        justifyContent: 'center',
        flexDirection: 'column',
      }}>
      <View style={{ flexDirection: 'row' }}>
        <Text>Email</Text>
        <TextInput
          onChangeText={setEmail}          
          style={styles.input}
        />
      </View>

      <View style={{ flexDirection: 'row', margin: 20 }}>
        <Text>Name</Text>
        <TextInput
          onChangeText={setName}
         
          style={styles.input}
        />
      </View>

      <Button
        title="Go to Details"
        onPress={() => navigation.navigate('Details', { email:email, name:name })}
        />
    </View>
  );
}

function DetailsScreen({ navigation, route }) {
  return (

       <View
      style={{
        flex: 0.5,
        alignItems: 'center',
        justifyContent: 'center',
        flexDirection: 'column',
      }}>
      <View style={{ flexDirection: 'row' }}>
        <Text>Email</Text>
        <TextInput style={styles.input}
        value={route.params.email}
        />
      </View>

      <View style={{ flexDirection: 'row', margin: 20 }}>
        <Text>Name</Text>
        <TextInput style={styles.input}
         value={route.params.name}
        />
      </View>

      <Button title="Back" onPress={() => navigation.navigate('Home')} />
    </View>
  );
}

const Stack = createNativeStackNavigator();

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

const styles = StyleSheet.create({
  input: {
    height: 25,
    margin: 0,
    marginLeft: 10,
    borderWidth: 0.2,
    padding: 5,
  },
});

export default App;




comments powered by Disqus
NEW ENTRIES
S.No Name Entry Time/Date
5903 Child HOT 22-Feb-2024 06:43:26 AM
5902 Dumpsterfl 20-Feb-2024 01:33:22 PM
5901 Danielle Simpson 18-Feb-2024 03:26:15 AM
5900 KID Vids 05-Feb-2024 08:43:49 AM
5899 02-Feb-2024 07:00:42 PM
5898 pool 26-Jan-2024 06:49:53 PM
5897 vvvv 24-Jan-2024 08:50:49 PM
5896 qqqqq 24-Jan-2024 08:26:57 PM
5895 addmaxexport 20-Jan-2024 06:39:13 PM
5894 geophrmarx 20-Jan-2024 06:38:48 PM
5893 readymedicin 20-Jan-2024 06:38:01 PM
5892 18-Jan-2024 10:37:50 AM
5891 Full-CP 17-Jan-2024 12:09:21 PM
5890 ss 17-Jan-2024 10:12:18 AM
5889 NEW KIDs 16-Jan-2024 08:06:16 AM
5888 Test 2 13-Jan-2024 11:57:53 AM
5887 Child Vids 09-Jan-2024 06:40:28 AM
5886 EntranceIQ 05-Jan-2024 02:04:27 PM
5885 New Child 03-Jan-2024 07:13:03 AM
5884 xyz 31-Dec-2023 04:09:19 AM
5883 aaaaaa 29-Dec-2023 01:24:48 AM
5882 Saragamasa 29-Dec-2023 01:19:17 AM
5881 copyWithin() 28-Dec-2023 09:21:58 AM
5880 Paster 27-Dec-2023 10:02:58 PM
5879 imagePicker 22-Dec-2023 10:33:52 PM
5878 Test 1 22-Dec-2023 11:07:15 AM
5877 Test 2 22-Dec-2023 11:06:28 AM
5876 Test 3 22-Dec-2023 11:04:29 AM
5875 hamza jadoon 21-Dec-2023 10:23:58 AM
5874 cam_expo 21-Dec-2023 10:13:11 AM

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 [Next] [Last]
 
web counter
web counter


To report any error messages or bugs, or other issues, please send email at: info@pakproject.com