React Native - FlatList在刷新时不调用renderItem的生命周期方法
React Native是一种用于构建跨平台移动应用程序的开源框架。它允许开发人员使用JavaScript和React编写应用程序，然后将其转换为原生代码，以在iOS和Android设备上运行。
FlatList是React Native中的一个组件，用于高效地渲染大型列表数据。它类似于传统的列表视图组件，但具有更好的性能和更简洁的API。当数据源发生变化时，FlatList会自动重新渲染列表项。
在FlatList中，当刷新列表时，确实不会调用renderItem的生命周期方法。这是因为FlatList使用了一种称为虚拟化的技术，它只渲染当前可见的列表项，而不是整个列表。这样可以提高性能并减少内存消耗。
当数据源发生变化时，FlatList会根据新的数据重新计算列表项的布局，并更新可见的列表项。然后，它会使用新的布局和数据来更新列表项的内容，而不会重新调用renderItem的生命周期方法。
这种行为对于大型列表非常有用，因为它可以避免不必要的渲染和性能问题。但是，如果您需要在刷新时执行特定的操作，您可以使用FlatList提供的其他回调函数，例如onRefresh和onEndReached。
总结起来，当使用React Native的FlatList组件刷新列表时，不会调用renderItem的生命周期方法。这是因为FlatList使用虚拟化技术来提高性能和内存效率。如果需要在刷新时执行特定操作，可以使用FlatList的其他回调函数来实现。
相关·内容
我想在每次刷新列表时在renderItem的componentDidMount方法中发出一个fetch请求，但是FlatList只调用生命周期方法一次。列表 <FlatList data={this.state.dataSource}
renderItem={({item}) => <ListItem imageHref={item.image
浏览 24提问于2020-01-15得票数 0
"https://sn1.amazonaws.com/~asset/ee06c63d01543a44631c3421df6ee5fa" ];
请让我有一个像上面这样的对象数组，我想在一个ListView中呈现它，其中有一个节头函数指向user.date.我希望它在2018年3月19日提供所有项目的列表，然后于2018年3月20日在标题下呈现这些项目。我使用过几次ListView，但是我从未能够用这种方式使用上面的对象数组的节头。如有详细解释，不胜感激
浏览 0提问于2018-03-24得票数 1
我正在尝试在组件中呈现一个FlatList。组件本身位于ScrollView内部。 我使用map函数遍历数据以传递到组件中。之前我使用的是ScrollView而不是FlatList。所以我决定使用FlatList。下面是我的代码： renderComp(){
keyExtract
浏览 15提问于2019-03-25得票数 1
回答已采纳
当将水平FlatList与其他垂直FlatList作为项使用时，似乎存在刷新的问题。当在垂直列表上启用刷新，而在水平容器列表上没有启用刷新时，就会发生这种情况。实际上，如果您非常carful并且只垂直滚动(这非常困难)，那么刷新每个单独的列表是可能的。但是，你立刻侧身滚动，耳目一新的东西就卡住了。反应本机嵌套FlatLists
在Android上发行。在iOS
浏览 6提问于2017-04-12得票数 2
当前行为：我已经在setState函数的回调中设置了GET请求，但这似乎没有起到任何作用。预期行为：代码： }) render() { <ScrollView>
<FlatListthi
浏览 12提问于2017-06-27得票数 17
回答已采纳
我遇到了一个问题，我的刷新指示器在我的构造函数中甚至没有显示状态为true。但它是在点击按钮时显示的。</View> /> );}
此组件将在我的React-Native-Tab-View'rea
浏览 1提问于2018-05-12得票数 2
我有一个显示项目列表的平面列表，我想让每个项目都可以点击。我的渲染函数看起来像这样，除了不可点击之外，它没有任何问题 render() { <FlatList style={styles.container} numColumns={numColumns}
浏览 28提问于2020-01-18得票数 1
回答已采纳
我正在更新一个项目，将其从50~本地62+中删除，ListView被从react本地删除，因此我试图将该文件中的ListView更改为FlatList。我不知道如何处理数据源来正确地管理数据。这是使用ListView的原始代码，没有任何升级尝试，这给出了“不变错误: ListView已从React原生中移除”：(我下面的尝试代码) TouchableHighlight,
浏览 9提问于2020-06-08得票数 1
回答已采纳
我是新的反应本机应用程序。我正在使用下面的代码关闭应用程序点击一个按钮。return false;
提前谢谢。
浏览 0提问于2018-06-09得票数 0
回答已采纳
我有一个列表，只是简单的文本，渲染成平面列表上的反应本机，但我正经历非常缓慢的性能，这使应用程序无法使用。<FlatList renderItem={({item}) => <Text>{item.key
浏览 17提问于2017-06-06得票数 36
回答已采纳
4回答
如何在Flatlist中添加点击监听器renderItem({item, index}){ flex:1,data={[{key: 'a'}, {key: 'b'},{key:'c'}]}/>);
浏览 1提问于2017-06-18得票数 24
回答已采纳
我是第一次接触react-native。我想从数组中获取值。我定义了包含来自"info.js“的数据的javascripts对象。, { Component } from 'react';import { View, FlatList } from 'react-native
浏览 8提问于2019-04-01得票数 2
我已经将react- native -firebase和AdMob模块集成到我的react本地项目中，一切工作正常(测试广告和生产中的广告)。我现在想要添加横幅在我的平面列表(渲染横幅每X行数)。_renderItem} /> )};
问题是，无论何时发生滚动事件(用户向下滚动)，Flatlist</em
浏览 22提问于2019-07-07得票数 0
我使用此方法将新数据添加到FlatList data = {message} keyExtractor = {keyExtractor}当我向其中
浏览 0提问于2020-06-10得票数 3
我正在用React Native创建一个聊天应用程序，它接收不同的“消息类型”作为响应。其中一个包含一个按钮数组，我目前正在组件"ChatQuickReply“中的Flatlist中呈现这些按钮，如下所示： import React from "react"; StyleSheet, View, Text
} from "
浏览 28提问于2019-04-10得票数 2
回答已采纳
我想学习如何在React本机中使用函数组件和axios来实现无限滚动，但是由于参考文档是由类组件和获取组成的，所以很难应用。import React from 'react'; View, Text,} from 'react-native}
浏览 1提问于2021-05-30得票数 0
回答已采纳
我有一个带有2个内部文本的FlatList和一个ListHeaderComponent。结构如下：列表项<FlatList renderItem={ renderItem } &l
浏览 14提问于2021-06-15得票数 4
欢迎大家，<FlatList style = { styles.list } data = {任何帮助都是值得感激<e
浏览 0提问于2018-01-31得票数 2
3回答
目标:使用搜索栏通过flatlist显示城市中的餐馆列表。import React, { Component } from 'react';import { SearchBar} from 'react-native-elements';
import { FlatList } from
浏览 38提问于2020-02-18得票数 0
回答已采纳
我对本机和redux的反应相当陌生，我试图使用redux从一个平面列表中的JSON文件中呈现库标题，但是我的FlatList组件不会在屏幕上呈现任何内容。这是我的密码：import React, { Component } from "react";
import { FlatList } from "react-nativerenderItem<
浏览 7提问于2020-03-11得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
