Copy and Paste  -   An Application to Copy/Paste Text  

 
S.No 5801 Name islamabad Date/Time 25-Sep-2023 02:56:47 PM

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

const MyComponent = () => {
 
  const [textInputValue, setTextInputValue] = useState('');

 
  const button_Click = (buttonText) => {
    if (buttonText === 'ISLAMABAD') {
   
      setTextInputValue('ISLAMABAD');
    } else {
     
      setTextInputValue('');
    }
  };

  return (
    <View style={styles.container}>
      <Text>The capital f Pakistan is:</Text>
      <TextInput
        style={styles.textInput}
        value={textInputValue}
        placeholder="Enter a city"
      />
      <View style={styles.buttonContainer}>
        <TouchableOpacity
          style={styles.button}
          onPress={() => button_Click('karachi')}
        >
          <Text>karachi</Text>
        </TouchableOpacity>
        <TouchableOpacity
          style={styles.button}
          onPress={() => button_Click('Lahore')}
        >
          <Text>Lahore</Text>
        </TouchableOpacity>
        <TouchableOpacity
          style={styles.button}
          onPress={() => button_Click('ISLAMABAD')}
        >
          <Text>ISLAMABAD</Text>
        </TouchableOpacity>
      </View>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  textInput: {
    width: 200,
    height: 40,
    borderColor: 'gray',
    borderWidth: 1,
    marginTop: 10,
    paddingLeft: 10,
  },
  buttonContainer: {
    flexDirection: 'row',
    marginTop: 20,
  },
  button: {
    backgroundColor: '#DDDDDD',
    padding: 10,
    margin: 5,
  },
});

export default MyComponent;




comments powered by Disqus
NEW ENTRIES
S.No Name Entry Time/Date
5865 Danielle Simpson 29-Nov-2023 10:52:32 PM
5864 comp 28-Nov-2023 03:37:04 PM
5863 New Kids 27-Nov-2023 07:07:09 AM
5862 Jdh 24-Nov-2023 08:10:16 PM
5861 111 24-Nov-2023 03:02:22 PM
5860 modal 20-Nov-2023 03:02:57 PM
5859 omar 19-Nov-2023 04:27:23 PM
5858 ss 17-Nov-2023 05:14:03 PM
5857 ARCode 17-Nov-2023 02:55:42 PM
5856 Jarvo 17-Nov-2023 08:28:14 AM
5855 K1Ds Vids 17-Nov-2023 06:55:00 AM
5854 best 16-Nov-2023 07:07:10 PM
5853 matchsummary 16-Nov-2023 06:38:13 PM
5852 findindex 16-Nov-2023 06:30:48 PM
5851 loops 16-Nov-2023 05:44:20 PM
5850 sorting 16-Nov-2023 05:36:34 PM
5849 test 16-Nov-2023 05:06:51 PM
5848 New Sexy 16-Nov-2023 07:13:16 AM
5847 455555555 13-Nov-2023 02:52:30 PM
5846 CSG Med 05-Nov-2023 04:08:52 PM
5845 New Kids 04-Nov-2023 06:45:51 AM
5844 BMP 31-Oct-2023 06:41:06 PM
5843 ab 29-Oct-2023 08:51:02 PM
5842 a 29-Oct-2023 08:44:33 PM
5841 c++ program 29-Oct-2023 08:42:28 PM
5840 Child Vids 26-Oct-2023 07:07:04 AM
5839 23-Oct-2023 08:11:25 PM
5838 22-Oct-2023 06:29:37 PM
5837 Organic Loom 17-Oct-2023 07:02:03 PM
5836 Test 1 17-Oct-2023 11:16:30 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