如何仅渲染 FlatList 中的几个元素

Question

我说我的数组/对象中有大约 100 个元素

我正在使用FlatList来显示它

   <FlatList
    data={this.props.redditCryptoNews}
     maxToRenderPerBatch={5}
    renderItem={({index, item}) => {
     return (
        <Text style={RedditList}>{item["data"]["title"]}</Text>)}} />

现在，我只想在我的平面列表中显示10 个元素，而不是显示所有100 个元素

出于某种原因，我认为 Facebook 在其 react-native 文档方面做得并不好，这让我有点难以理解

[问题：]我怎样才能实现它？

Answer 1

好吧，这是我的愚蠢。

我们可以简单地对我们传递的数据进行切片。

 <FlatList
    data={this.props.redditCryptoNews.slice(0,5)}
     maxToRenderPerBatch={5}
    renderItem={({index, item}) => {
     return (
        <Text style={RedditList}>{item["data"]["title"]}</Text>)}} />

请注意.slice(0,5)这里

  data={this.props.redditCryptoNews.slice(0,5)}