react-native - 如何只渲染 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)}