更改道具时，FlatList不会重新渲染
是因为FlatList组件在默认情况下只会在数据源发生变化时重新渲染。当我们更改道具时，FlatList的数据源并没有发生变化，因此不会触发重新渲染。
要解决这个问题，可以通过以下几种方式：
- 使用keyExtractor属性：在FlatList组件中，可以通过keyExtractor属性指定每个列表项的唯一标识符。当我们更改道具时，可以通过修改keyExtractor属性来强制FlatList重新渲染。例如，可以使用一个随机数作为keyExtractor的返回值，确保每次都返回不同的值，从而触发重新渲染。
- 使用extraData属性：FlatList组件还提供了extraData属性，用于指定在数据源不变的情况下，仍然需要触发重新渲染的额外数据。当我们更改道具时，可以将需要触发重新渲染的数据作为extraData属性的值传递给FlatList组件。
- 强制刷新：可以通过调用FlatList组件的forceUpdate方法来强制刷新列表。当我们更改道具时，可以在适当的时机调用forceUpdate方法，从而触发重新渲染。
总结起来，要解决FlatList不重新渲染的问题，可以使用keyExtractor属性、extraData属性或者forceUpdate方法来触发重新渲染。具体使用哪种方式取决于具体的场景和需求。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
- 腾讯云安全产品：https://cloud.tencent.com/product/safety
相关·内容
1回答
当道具改变时，我的平面列表不会重新渲染。在这种情况下，我转到另一个页面并添加一个新的列表项，当我返回到这个列表时，它仍然有旧的数据。在我刷新之前，新项目不在那里。我有额外的数据设置到正确的道具，但它不会工作。import { FlatList } from 'react-native';
import { c
浏览 1提问于2018-07-18得票数 1
回答已采纳
当用户按下该项目时，应将该项目标记为“选中”。
<View style={styles.modalContainer}>
<FlatList_renderCheck(item.id) } <<
浏览 3提问于2017-10-30得票数 3
回答已采纳
我使用此方法将新数据添加到FlatList data = {messagerenderItem}/>
当我向其中添加新数据时，假设它有20个element.So，每个time.When
浏览 0提问于2020-06-10得票数 3
因此，我使用FlatList组件来呈现最后一组数据。我正在实现的是一种逐步加载大块数据的方法，因此这种方式的性能是稳定的。有一个名为initNumToRender，的 FlatList 组件的支柱，它告诉组件最初应该呈现多少个FlatList项。
我的问题是，当呈现这几个项目时，会发生什么？组件再次加载相同数量的项？
浏览 0提问于2019-01-22得票数 1
回答已采纳
this.setState({ obj: temp }) render() { <View>
<FlatList是否应该再次呈现FlatList (就像网页刷新一样)？还是我漏掉了什么？在SO上搜索答案，找不到我的错误。
浏览 12提问于2019-02-19得票数 0
回答已采纳
我想更改所选选项卡的颜色。我为所选的选项卡索引创建了一个状态，它将保存选项卡ID。当按tab时，所选的状态更改为按下的选项卡ID。我正在将所选的状态与选项卡ID进行比较。但当状态更改和条件为真时，所选选项卡不会更改其状态。为什么状态更改不会触发样式中的比较以更新样式？ horizontal showsHorizonta
浏览 2提问于2019-01-02得票数 1
回答已采纳
2回答
基本上，我希望在useMutation成功完成时执行setCheck()钩子，并将check状态作为道具传递给子组件 constonError Mutation", data) })
<KeyboardAvoidingView>
浏览 18提问于2019-12-04得票数 0
回答已采纳
下面的代码显示FlatList内部API中的帖子列表。FlatList工作并显示我所有的帖子，但是我试图通过使用filterCrime状态的选择器来过滤基于类别的帖子。properly shows category slug that was selected from Picker // data={this.sta
浏览 3提问于2019-09-18得票数 0
我有一个状态 super (props); index: '', } <FlatListrenderItem={({item, index}) => this.renderFlatListItem (item, index)}我想用按钮点击来重新渲染平面列表按钮onPress我正在改变
this.setState({index: &#
浏览 0提问于2018-01-11得票数 2
它们填充了类似的数据，第二个FlatList大约有80个条目。当第一个FlatList达到11个或更多(我正在向第一个FlatList动态添加项目)时，第二个将停止呈现项目，并且即使过滤器的选择是正确的，它也是空的。这是第一个FlatList： style={styles.flatList} renderItem={this.renderSuggestionItem}
keyExt
浏览 0提问于2018-10-10得票数 2
我已经创建了一个呈现名称的FlatList。每一行都有自己的按钮。单击该按钮时，名称将添加到列表中，该按钮应更改颜色。我的问题是，按钮一单击就不会改变颜色，只有当我对FlatList进行拉刷新时，它才会更改颜色。Component } from 'react'; import { Text,
FlatL
浏览 0提问于2019-05-19得票数 2
回答已采纳
我试图利用Flatlist (RN0.62)中的CellRendererComponent让zIndex属性工作，它确实这样做了，但是所有的数据都是一次渲染的。如果我尝试设置initialNumToRender={ number }和windowSize={number}，那么它会限制渲染，但不会在这些道具中设置的数字之后渲染。<FlatList horizontal
showsHorizontalScrollI
浏览 159提问于2020-10-10得票数 0
1回答
按下按钮(ButtonComponent)时，按钮的状态会发生变化。现在，我将该状态传递给<FlatList>中的<FlatListItem> (一个子组件)。根据该状态，<FlatList>中的每一项都应该重新排列。这并不是什么新东西，但它就像是简单的checkbox实现。一切正常，但当我按下全选按钮时，所有剩余的选择按钮都不会切换到选中状态。
Select A
浏览 1提问于2019-02-20得票数 3
1回答
我有一个FlatList，我想使用纯组件来优化它。我假设由于它不会改变，所以它不会影响性能。
这个假设是正确的吗？
浏览 11提问于2019-10-30得票数 0
回答已采纳
当从GraphQL服务器添加数据时，我的FlatList不会更新。我尝试过提神和onRefresh，但我不太确定我将如何实现它，希望有人能帮助我。<ActivityIndicator /> <FlatList
keyExtractor={(item) => item.id
浏览 1提问于2018-07-06得票数 1
我有一个对象列表，我想在FlatList中显示这些对象。列表项还应该有一个开关来选择或取消选择条目。但是每次我点击开关，状态就会保持不受检查。onValueChange事件被正确触发，但在更改状态或数据集未被更新后，FlatList似乎没有被重命名.}, /> return ( <FlatList
浏览 0提问于2019-04-18得票数 3
回答已采纳
2回答
我在原生react中创建了一个简单的FlatList来获取下注列表。当刷新的拉取正在工作时，它没有重新呈现FlatList。然后我了解到了extraData道具，但是传递this.state.refreshing甚至this.state并不会触发FlatList的重新渲染。render() { <
浏览 15提问于2019-01-14得票数 0
我有一个带有进度条的项目的FlatList，我想更改一个项目的进度。对于进度条，我制作了一个自定义组件。但每次我更改一个项目的进度时，该项目会重新呈现，但组件不会重新呈现，而是调用构造函数。inputRange: [0, 1], }}></Animated.View>
</View>
浏览 14提问于2019-05-08得票数 0
回答已采纳
<FlatList renderItem={({item}) => <Text>{item.key}</Text>}除了key那么，最好的方式是只渲染一个/两个新添加的项目。这就像在列表视图中添加两个新的项目，而不渲染整个列表。
浏览 28提问于2017-12-16得票数 1
我有一个FlatList，奇怪的是只有在滚动之后才能正确地呈现。另外，在刷新时，它会呈现为一秒，然后再次消失。FlatList本身只有3项。FlatList在视图中的定义如下：<View style={{flex: 1}}> data={cartItems}
renderItem={({
浏览 0提问于2021-12-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
