import { View, Text, Pressable, Image, TextInput, FlatList, ImageBackground, TouchableHighlight } from 'react-native' import React from 'react' import styles from './productList.styles' import { Feather,FontAwesome } from '@expo/vector-icons' const ProductList = () => { const items = [ { imageurl: "https://assets.gqindia.com/photos/5f08622d532fa7831d9d6dff/1:1/w_1080,h_1080,c_limit/most-expensive-perfumes.jpg", name: 'Perfume1', price: '$ 34.00', rate: 3 }, { imageurl: "https://assets.gqindia.com/photos/5f08622d532fa7831d9d6dff/1:1/w_1080,h_1080,c_limit/most-expensive-perfumes.jpg", name: 'Perfume2', price: '$ 35.00', rate: 4 }, { imageurl: "https://corporate.static-swaven.com/wp-content/uploads/2020/04/Luxury-perfume1-e1587657546523.jpg", name: 'Perfume3', price: '$ 44.00', rate: 5 }, { imageurl: "https://corporate.static-swaven.com/wp-content/uploads/2020/04/Luxury-perfume1-e1587657546523.jpg", name: 'Perfume4', price: '$ 34.00', rate: 2 }, { imageurl: "https://assets.gqindia.com/photos/5f08622d532fa7831d9d6dff/1:1/w_1080,h_1080,c_limit/most-expensive-perfumes.jpg", name: 'Perfume4', price: '$ 34.00', rate: 2 }, { imageurl: "https://assets.gqindia.com/photos/5f08622d532fa7831d9d6dff/1:1/w_1080,h_1080,c_limit/most-expensive-perfumes.jpg", name: 'Perfume4', price: '$ 34.00', rate: 2 }, { imageurl: "https://cdn.shopify.com/s/files/1/1343/1285/products/41jP71FNuoL_8a4e6be8-66bd-4ec4-a18b-268e40f9d5d9_480x480@2x.jpg?v=1639208534", name: 'Perfume5', price: '$ 54.00', rate: 5 } ] return ( sortBy ( {item.name} {item.price} { [...Array(5).keys()].map((num, i) => { if (i < item.rate) { return } else { return } }) } )} > ) } export default ProductList

React Native screens