Imagebackground не отображает изображение при получении из APIAndroid

Форум для тех, кто программирует под Android
Ответить Пред. темаСлед. тема
Anonymous
 Imagebackground не отображает изображение при получении из API

Сообщение 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 ... -14200161/", "listing_rating": 4, "Lileding_time": 10, "Listing_title": "Jahanzaib Haleem Korangi>

Подробнее здесь: https://stackoverflow.com/questions/764 ... d-from-api
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • ImageBackground не отображает изображение при получении из API
    Anonymous » » в форуме Android
    0 Ответы
    10 Просмотры
    Последнее сообщение Anonymous
  • Nativewind не подействовал на компоненты Image и ImageBackground.
    Anonymous » » в форуме CSS
    0 Ответы
    14 Просмотры
    Последнее сообщение Anonymous
  • React -Native - Почему панель инструментов Imagebackground вырезает выделение кнопки вкладки?
    Anonymous » » в форуме CSS
    0 Ответы
    4 Просмотры
    Последнее сообщение Anonymous
  • Задержка при получении контактов с устройства, передаче их в API и получении ответа.
    Anonymous » » в форуме IOS
    0 Ответы
    99 Просмотры
    Последнее сообщение Anonymous
  • API API API API API API API
    Anonymous » » в форуме JAVA
    0 Ответы
    24 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Android»