Copy and Paste  -   An Application to Copy/Paste Text  

 
S.No 5704 Name ghhascshgcvs Date/Time 22-May-2023 05:00:15 PM

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



function Input({navigation}) {
 
const [name, setName] = useState("");
const [pass, setPass] = useState("");


return (
<ScrollView contentContainerStyle = {styles.container}>
    <View style = {{flexDirection:'row',paddingTop:5}}>
    <Text style={{fontWeight:"bold",fontSize:20,paddingTop:18,paddingRight:12}}>Username   </Text>
    <TextInput
      label="Username"
      mode="outlined"
      style={{margin: 10,width:180,height:35}}
      default={name}
      onChangeText = {text => setName(text)}
      />
    </View>
    <View style = {{flexDirection:'row'}}>
    <Text style={{fontWeight:"bold",fontSize:20,paddingTop:35,paddingRight:10}}>Password  </Text>
    <TextInput
      label="Password"
      mode="outlined"
      secureTextEntry={true}
      style={{marginBottom: 24,width:180,height:35,marginLeft:12,marginTop:25}}
      default={pass}
      onChangeText = {text => setPass(text)}
      />
    </View>


   
   
    <TouchableOpacity style={styles.button}

onPress={()=>{navigation.navigate("Display",
{name:name,pass:pass}
)

}
}
>
<Text style={styles.btnText}>Submit</Text>
</TouchableOpacity>



</ScrollView>
);
}



function MyDisplay({navigation,route}) {
  return (
    <View style={{ flex: 1, marginLeft:20,marginTop:40 }}>
 <Text style={styles.displaytext}>Username :  {route.params.name}</Text>
 <Text style={styles.displaytext}>Password :  {route.params.pass}</Text>

</View>

  )}


const Stack = createNativeStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Data_input" component={Input} options={{ title: 'CuOnline' }} />
        <Stack.Screen name="Display" component={MyDisplay} options={{ title: 'Display Screen' }}/>
      </Stack.Navigator>
    </NavigationContainer>
  );
}
const styles = StyleSheet.create({
  container: {
    justifyContent:'center',
    backgroundColor: '#ecf0f1',
    padding: 8,
    flexDirection:'column',
    marginLeft:16,
    marginTop:75

  },

 
  button:{
    marginTop:25,
    width:120,
    padding: 10,
    borderRadius: 4,
    borderWidth: 1,
    borderColor: '#01516b',
    backgroundColor:"#008CBA",
    marginLeft: 120,
      },
      btnText: {
        color:"white",
        fontWeight: 'bold',
        textAlign: 'center',
      },
      displaytext:{
        fontWeight: 'bold',
        fontSize:20
      }
  });
export default App;




comments powered by Disqus
NEW ENTRIES
S.No Name Entry Time/Date
5939 pubspec.yaml 20-May-2024 03:02:28 PM
5938 pubspec.yaml 20-May-2024 02:57:00 PM
5937 Pet Hedgehog 10-May-2024 12:22:01 PM
5936 ACR 09-May-2024 05:04:40 PM
5935 command line 09-May-2024 01:29:48 PM
5934 Child Hot 08-May-2024 08:04:47 AM
5933 . 29-Apr-2024 07:30:15 PM
5932 Al baraka 27-Apr-2024 09:44:24 PM
5931 1111 23-Apr-2024 03:54:24 PM
5930 Savvy Cats 23-Apr-2024 06:52:03 AM
5929 listoclassob 22-Apr-2024 01:21:06 PM
5928 listofmap 22-Apr-2024 01:11:05 PM
5927 arrow inarro 22-Apr-2024 12:41:59 PM
5926 missing 21-Apr-2024 02:53:32 PM
5925 list of maps 16-Apr-2024 03:03:57 PM
5924 Micro 3 16-Apr-2024 11:57:26 AM
5923 Micro2 16-Apr-2024 11:53:20 AM
5922 Micro 16-Apr-2024 11:53:04 AM
5921 VRSefy 14-Apr-2024 06:56:37 PM
5920 Rogers Landw 08-Apr-2024 02:57:52 PM
5919 Frank Family 29-Mar-2024 03:50:35 PM
5918 Google Drive 27-Mar-2024 11:09:57 AM
5917 Google Drive 27-Mar-2024 10:41:56 AM
5916 google drive 25-Mar-2024 10:38:06 AM
5915 Stucco Champ 20-Mar-2024 10:55:56 PM
5914 B Physical 19-Mar-2024 10:52:02 AM
5913 guaranteelnc 12-Mar-2024 07:49:53 PM
5912 Spectrum Ele 12-Mar-2024 07:47:54 PM
5911 Spectrum 12-Mar-2024 01:30:08 PM
5910 Dr. Osman 11-Mar-2024 11:41:59 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