You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

54 lines
1.0 KiB

import React from "react";
import { StyleSheet, View, Text, Image } from "react-native";
const Shop = ({ item }) => {
return (
<View
style={[
styles.container,
{ flex: item.flex, backgroundColor: item.backgroundColor }
]}
>
<Text style={styles.title}>{item.title}</Text>
<View style={[styles.list]}>
{item.items.map((item1) => (
<View>
<Image source={{ uri: item1.imageUrl }} style={styles.product} />
</View>
))}
</View>
</View>
);
};
const styles = StyleSheet.create({
container: {
borderRadius: 10,
flex: 1,
paddingVertical: 5,
paddingHorizontal: 10,
flexDirection: "column",
textAlign: "right",
margin: 5
},
list: {
display: "flex",
flexDirection: "row",
justifyContent: "space-around",
marginTop: 10
},
product: {
width: 50,
height: 65,
borderRadius: 10
},
title: {
fontSize: 18,
fontWeight: '600',
marginBottom: 5,
color: "white"
}
});
export default Shop;