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
5628 Test 2 Mar 3 02-Mar-2023 09:34:35 PM
5627 Test 1 Mar 3 02-Mar-2023 09:31:07 PM
5626 Test 8 Mar 2 01-Mar-2023 07:58:21 PM
5625 Test 3 Mar 2 01-Mar-2023 07:57:36 PM
5624 Test 2 Mar 2 01-Mar-2023 07:56:55 PM
5623 Test 1 Mar 2 01-Mar-2023 07:56:17 PM
5622 MET March 1 28-Feb-2023 09:28:19 PM
5621 Test 5 Mar1 28-Feb-2023 09:24:26 PM
5620 Test3 Mar 1 28-Feb-2023 09:21:50 PM
5619 Test2 March1 28-Feb-2023 09:16:47 PM
5618 Test 1 Mar1 28-Feb-2023 08:35:23 PM
5617 Test 2 F28 28-Feb-2023 10:33:02 AM
5616 Test 2 Feb28 28-Feb-2023 10:22:59 AM
5615 SEXY HOT 28-Feb-2023 08:45:07 AM
5614 Test 1 Feb28 27-Feb-2023 09:41:28 PM
5613 PHD 24-Feb-2023 10:41:13 AM
5612 Test1 Feb24 23-Feb-2023 10:07:55 PM
5611 PHD 23-Feb-2023 06:39:41 PM
5610 online test 23-Feb-2023 10:37:21 AM
5609 MET 23 FEB 23-Feb-2023 10:04:42 AM
5608 Test 1 Feb23 22-Feb-2023 11:21:15 PM
5607 Test1Feb22 21-Feb-2023 03:12:58 PM
5606 PPSL 21-Feb-2023 03:11:57 PM
5605 PNG 21-Feb-2023 03:11:39 PM
5604 PCB 21-Feb-2023 03:11:28 PM
5603 PAK 21-Feb-2023 03:11:19 PM
5602 PPG 21-Feb-2023 03:11:03 PM
5601 PQR 21-Feb-2023 03:10:54 PM
5600 PPLGC 21-Feb-2023 03:10:44 PM
5599 PPKL 21-Feb-2023 03:10:36 PM

[First] [Prev] 11 | 12 [Next] [Last]
 
web counter
web counter


To report any error messages or bugs, or other issues, please send email at: info@pakproject.com