FlatList not rendering JSON Image

Viewed 38

I just want to render a simple FlatList with images from JSON online data. Here is my code.

Images are one Json Object Json PrintScreen

I get the images data

 data.append("images", listing.images);

Then when I try to render them in the FlatList I only get this empty squares with the correct number of pictures for the current listing. What I"m doing wrong here?

 <View style={{ height: 120 }}>
          <FlatList
            horizontal
            showsHorizontalScrollIndicator={false}
            data={listing.images}
            renderItem={({ item, index }) => (
              <Image
                uri={item.images}
                preview={{ uri: item.images }}
                tint="dark"
                style={{ width: 90, height: 110, borderWidth: 1 }}
              />
            )}
          />
        </View>

For the Image is use:

import { Image } from "react-native-expo-image-cache";

app printscreen render

0 Answers
Related