Код: Выделить всё
import React, {useState, useEffect}from 'react';
import {
FlatList,
ImageBackground,
Image,
StyleSheet,
View,
TouchableOpacity,
} from 'react-native';
import { Paragraph } from './paragraph';
import { Heading } from './heading';
import { baseStyle, images, theme, routes } from '../config';
import { useNavigation } from '@react-navigation/native';
export const Carousal = ({ data, style, onPress }) => {
const navigation = useNavigation();
// const [imageUri, setImageUri] = useState(null);
// useEffect(() => {
// fetchImage();
// }, []);
// const fetchImage = async () => {
// try {
// const response = await fetch (`$item.listing_image`); // Replace with your image URI
// const blob = await response.blob();
// const uri = URL.createObjectURL(blob);
// setImageUri(uri);
// } catch (error) {
// console.error(error);
// }
// };
return (
// data.length > 0
// ?
(
navigation.navigate(routes.VENUE_PROFILE, {item:item})}>
{item.listing_title}
{item.listing_area}
{item.listing_rating}
{item.listing_category}
{item.listing_time}
)}
/>
// :
// No Record Found
);
};
const styles = StyleSheet.create({
flatList: {
paddingTop: baseStyle.paddingTop(84),
paddingLeft: baseStyle.paddingLeft(15),
paddingBottom: baseStyle.paddingBottom(15),
paddingRight: baseStyle.paddingRight(44),
marginVertical: baseStyle.marginVertical(10),
marginRight: baseStyle.marginRight(10),
width: baseStyle.width(315),
height:200,
},
});
Ответ API:
{"id": 20, "listing_area": " Коранги", "listing_category": "Еда", "listing_description": "Хороший вкус
", "listing_feedback": 5, "listing_image": "https://www.pexels.com/photo/white- wall-of-buildings-in-town-14200161/", "listing_location": "https://./maps/zRVGiY7sBJxseJJCA?c ... 1&entry=tt", "listing_rating": 4, "listing_time": 10, "listing_title": "Филиал Джаханзаиба Халима Коранги"
Подробнее здесь: https://stackoverflow.com/questions/764 ... d-from-api