Copy and Paste  -   An Application to Copy/Paste Text  

 
S.No 5800 Name Ikack Date/Time 25-Sep-2023 02:27:21 PM

Copy text from below

import React, { useState } from 'react';

import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';

 

const ColorButton = ({ colorName, onPress, isSelected }) => {

  return (

    <TouchableOpacity onPress={onPress}>

      <View style={[styles.colorButton, isSelected && styles.selectedColorButton]}>

        <Text style={[styles.colorButtonText, isSelected && styles.selectedColorText]}>

          {colorName.toUpperCase()}

        </Text>

      </View>

    </TouchableOpacity>

  );

};

 

const App = () => {

  const colorNames = ['red', 'green', 'blue', 'yellow'];

  const [selectedColor, setSelectedColor] = useState('');

 

  return (

    <View style={styles.container}>

      {colorNames.map((color, index) => (

        <ColorButton

          key={index}

          colorName={color}

          isSelected={color === selectedColor}

          onPress={() => setSelectedColor(color)}

        />

      ))}

      <Text style={styles.selectedColorText}>Selected Color: {selectedColor}</Text>

    </View>

  );

};

 

const styles = StyleSheet.create({

  container: {

    flex: 1,

    justifyContent: 'center',

    alignItems: 'center',

  },

  colorButton: {

    backgroundColor: 'transparent',

    borderWidth: 2,

    borderColor: 'black',

    padding: 10,

    margin: 5,

  },

  selectedColorButton: {

    borderColor: 'blue',

    fontWeight: 'bold',

  },

  colorButtonText: {

    textTransform: 'uppercase',

  },

  selectedColorText: {

    marginTop: 20,

    fontSize: 20,

    fontWeight: 'bold',

  },

});

 

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