backgroundImage React Native 不使用 flatlist 不显示图像

Question

我需要用元素 flatlist 在我的屏幕上显示图像

const renderItem = ({ item }) => (
        <ImageBackground
            source={{ uri: item.imageUrl }}
            imageStyle={{
                borderRadius: 6,
                resizeMode: 'contain'
            }}
        />
    );
    return (<FlatList data={coursesData} renderItem={renderItem} keyExtractor={(item) => item.id} />);

Answer 1

我看到了几个问题：

1. 为什么您使用 ImageBackground 而不是仅使用 Image？ ImageBackground 旨在用作背景。
2. 如果您的图片来源是 url 您必须指定图片的高度和宽度。
3. 给 Flatlist style={{ flex: 1 }}，这将允许它占据它需要的所有 space。