FlatList没有在组件中呈现

Question

我制作了一个FlatList，用于呈现示例列表。

这是我已经完成的代码。尽可能简单。

<View style={styles.container}>
            <Text>before</Text>
            <FlatList
                data={[1,2,3,4,5]}
                renderItem={({ item }) => {
                    console.log("hello" + item)
                    return (
                        <View><Text>{item}</Text></View>
                    )
                }}
                keyExtractor={(item,index) => String(index)}
            />
            <Text>after</Text>
        </View>

现在“之前”获取渲染，以及“之后”渲染。 Console.logs也被触发。

但是平面列表没有...

Answer 1

确保背景颜色不是黑色。也许您看不到它，因为文本与背景颜色相同。

此外，styles.container里面是什么？也许这就是现在显示出来的原因。 请提供styles.container内部的内容，以及如果您在组件中渲染更多可以有所作为的内容。