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

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

Сообщение Anonymous »

Когда я получаю источник изображения из API, изображение не отображается в ImageBackground, хотя источник существует, но отображаются оставшиеся данные, такие как заголовок листинга и другие сведения.

Код: Выделить всё

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
Реклама
Ответить Пред. темаСлед. тема

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

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

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

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

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

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