Copy and Paste  -   An Application to Copy/Paste Text  

 
S.No 5700 Name Code Date/Time 22-May-2023 03:55:14 PM

Copy text from below
import React, { useState } from "react";
import {
  FlatList,
  StyleSheet,
  Text,
  View,
  Image,
} from "react-native";

const MobilePhones = () => {
  const [data, setData] = useState([
    {
      name: "Samsung Galaxy",
      model: "S23 Ultra",
      price: "559,999",
      image: "https://www.pakmobizone.pk/wp-content/uploads/2023/03/Samsung-Galaxy-S23-Ultra-5G-Green-1.jpg",
    },
    {
      name: "Samsung Galaxy",
      model: "S23",
      price: "399,999",
      image: "https://cdn1.smartprix.com/rx-ifgMKUMYY-w1200-h1200/fgMKUMYY.jpg",
    },
    {
      name: "Vivo",
      model: "Y73",
      price: "89,999",
      image: "https://images.priceoye.pk/vivo-y73-pakistan-priceoye-pucwe.jpg",
    },
    {
      name: "Realme",
      model: "C33",
      price: "54,999",
      image: "https://images.priceoye.pk/realme-c33-pakistan-priceoye-045ff.jpg",
    },
  ]);

  return (
    <View style={styles.container}>
      <FlatList
        data={data}
        renderItem={({ item }) => (
          <View style={styles.listItem}>
            <Image source={item.image} style={styles.image} />
            <Text style={styles.name}>{item.name}</Text>
            <Text style={styles.model}>{item.model}</Text>
            <Text style={styles.price}>{item.price}</Text>
          </View>
        )}
        keyExtractor={(item) => item.id}
        horizontal={true}
      />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
  },
  listItem: {
    width: 100,
    height: 100,
    margin: 10,
    borderRadius: 5,
    backgroundColor: "#ccc",
  },
  image: {
    width: 100,
    height: 100,
    borderRadius: 5,
  },
  name: {
    fontSize: 20,
    fontWeight: "bold",
  },
  model: {
    fontSize: 16,
  },
  price: {
    fontSize: 14,
    color: "red",
  },
});

export default MobilePhones;




comments powered by Disqus
NEW ENTRIES
S.No Name Entry Time/Date
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
5835 PAF-IAST MET 17-Oct-2023 11:15:49 AM
5834 for jazz 16-Oct-2023 09:26:26 PM
5833 New Kid 16-Oct-2023 07:08:13 AM
5832 test 12-Oct-2023 10:38:09 AM
5831 a 12-Oct-2023 10:28:26 AM
5830 75 Videos 12-Oct-2023 09:32:23 AM
5829 11-Oct-2023 05:45:55 PM
5828 q44 10-Oct-2023 05:47:12 PM
5827 q4 10-Oct-2023 05:40:56 PM
5826 jflex q3 10-Oct-2023 05:37:43 PM
5825 q3 10-Oct-2023 05:33:13 PM
5824 q2 10-Oct-2023 05:32:15 PM
5823 jflex 10-Oct-2023 05:30:32 PM
5822 dddd 10-Oct-2023 04:41:21 PM
5821 nn 09-Oct-2023 11:55:27 AM
5820 Jarvo 09-Oct-2023 11:44:19 AM
5819 NEW CHILD 07-Oct-2023 11:16:57 AM
5818 05-Oct-2023 06:32:33 PM
5817 LandscapeLay 05-Oct-2023 11:42:00 AM
5813 responsive 02-Oct-2023 11:44:41 AM
5806 lab task 26-Sep-2023 05:28:21 PM
5805 q 4 26-Sep-2023 05:19:19 PM

[First] [Prev] 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