Когда я получаю источник изображения из API, изображение не отображается в Imagebackground, хотя существует источник, но отображаются оставшиеся данные, такие как заголовок листинга и другие детали. < /p>
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,
},
});
< /code>
Отображение только требуемого стиля в вышеуказанном коде.
API -ответ: < /p>
{"id": 20, "listing_area": "korangi", "listing_category": "food", "listing_description": "Good in Taste
", Listing_feedbeck: "5," 5, "5," 5, "5," 5, "5,": " "https://www.pexels.com/photo/whitewalls ... -14200161/", "listing_rating": 4, "Lileding_time": 10, "Listing_title": "Jahanzaib Haleem Korangi>
Подробнее здесь: https://stackoverflow.com/questions/764 ... d-from-api
Imagebackground не отображает изображение при получении из API ⇐ Android
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
React -Native - Почему панель инструментов Imagebackground вырезает выделение кнопки вкладки?
Anonymous » » в форуме CSS - 0 Ответы
- 4 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Задержка при получении контактов с устройства, передаче их в API и получении ответа.
Anonymous » » в форуме IOS - 0 Ответы
- 99 Просмотры
-
Последнее сообщение Anonymous
-