如何在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的反应性文档并没有做得很好，这让我很难理解

[问题：] 如何实现？

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)}