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
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;
|
|
|