如何在 FlatList 中只渲染几个元素答案

【问题标题】：How to Render only few elements in FlatList如何在 FlatList 中只渲染几个元素
【发布时间】：2018-09-23 14:35:19
【问题描述】：

我说我的数组/对象中有大约 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 文档做得不好，这让我有点难以理解

[问题：]我该如何实现？

【问题讨论】：

查看这个答案stackoverflow.com/questions/45323007/…

标签： react-native

【解决方案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)}

【讨论】：