Когда я получаю источник изображения из 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
Форум для тех, кто программирует под Android
-
Anonymous
1749499936
Anonymous
Когда я получаю источник изображения из 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-of-buildings-in-tound-14200161/", "listing_rating": 4, "Lileding_time": 10, "Listing_title": "Jahanzaib Haleem Korangi>
Подробнее здесь: [url]https://stackoverflow.com/questions/76428730/imagebackground-not-displaying-image-when-fetched-from-api[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия