Copy and Paste  -   An Application to Copy/Paste Text  

 
S.No 5718 Name code Date/Time 29-May-2023 05:50:57 PM

Copy text from below
import React, { useState } from 'react';
import { View, Text, TextInput, TouchableOpacity, StyleSheet } from 'react-native';
import { useNavigation } from '@react-navigation/native';

const Login = () => {
  const [email, setEmail] = useState('');
  const [password, setPassword] = useState('');

  const navigation = useNavigation();

  const handleLogin = () => {
    console.log('Email:', email);
    console.log('Password:', password);

    navigation.goBack();
  };

  return (
    <View style={styles.container}>
      <Text style={styles.title}>Login</Text>

      <TextInput
        style={styles.input}
        placeholder="Email"
        onChangeText={text => setEmail(text)}
        value={email}
      />

      <TextInput
        style={styles.input}
        placeholder="Password"
        secureTextEntry
        onChangeText={text => setPassword(text)}
        value={password}
      />

      <TouchableOpacity style={styles.loginButton} onPress={handleLogin}>
        <Text style={styles.loginButtonText}>Login</Text>
      </TouchableOpacity>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    paddingHorizontal: 20,
    backgroundColor: 'black',
  },
  title: {
    fontSize: 24,
    fontWeight: 'bold',
    marginBottom: 20,
    color: 'white',
  },
  input: {
    width: '100%',
    height: 40,
    borderColor: 'gray',
    borderWidth: 1,
    borderRadius: 5,
    marginBottom: 10,
    paddingHorizontal: 10,
    color: 'white',
  },
  loginButton: {
    width: '100%',
    height: 40,
    backgroundColor: 'red',
    justifyContent: 'center',
    alignItems: 'center',
    borderRadius: 5,
    marginTop: 20,
  },
  loginButtonText: {
    color: 'white',
    fontSize: 16,
    fontWeight: 'bold',
  },
});

export default Login;




comments powered by Disqus
NEW ENTRIES
S.No Name Entry Time/Date
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
5909 CHILD HOT 09-Mar-2024 08:02:39 AM
5908 H.-0-.T Vid 05-Mar-2024 08:20:33 AM
5907 Beyounce 04-Mar-2024 03:18:28 PM
5906 axiomintegra 03-Mar-2024 12:55:47 PM
5905 Comfort Ride 29-Feb-2024 04:03:14 PM
5904 David\'s RV P 26-Feb-2024 11:15:44 AM
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

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