FlatList未重新呈现

文章/答案/技术大牛

发布

2回答

react-native、react-native-flatlist、rerender

我在原生react中创建了一个简单的FlatList来获取下注列表。当刷新的拉取正在工作时，它没有重新呈现FlatList。然后我了解到了extraData道具，但是传递this.state.refreshing甚至this.state并不会触发FlatList的重新渲染。render() { <View> &l

浏览 15提问于2019-01-14得票数 0

2回答

为什么本机FlatList风格不随状态而变化

react-native、styles

<FlatList data={this.state.drinkgroup} renderItem

浏览 2提问于2019-01-02得票数 1

回答已采纳

1回答

我实现了一个React Native FlatList，但是每当我将一个元素推送到FlatList数据上时，FlatList的每个子元素都会重新呈现两次。有没有办法只呈现的新元素，而不是整个FlatList？我认为这是因为我呈现的组件的日期属性发生了变化，这触发了第一次重新呈现，然后由于FlatList作为一个整体依赖于this.props.store.dates，所以整个FlatList<

浏览 45提问于2018-05-29得票数 0

回答已采纳

2回答

更改状态后组件未更新

react-native

在应用程序的内部，我有一个组件，如下所示： import React, {Component} from 'react' ) return ( {this.renderArray()}

浏览 21提问于2019-04-30得票数 4

回答已采纳

2回答

反应本机平面列表速度极慢

react-native、expo

我使用的是react原生的Flatlist，但它非常慢，而且我的条目列表很小(最多20个条目)。我使用的是Native Base，问题是当我想要设置一个"selected item“样式时，大约需要3到4秒来触发我已经读了大约10篇关于如何优化我的Flatlist的文章，我已经实现了一些优化，比如限制渲染批次等，但绝对不够，当我单击一个项目来更改它的样式时，它需要很长时间才能呈现，我认为在一个小列表上有这么大的延迟是不正常的。'#012435']} end=

浏览 16提问于2019-08-27得票数 2

1回答

响应本机Flatlist类别筛选器

reactjs、react-native

下面的代码显示FlatList内部API中的帖子列表。FlatList工作并显示我所有的帖子，但是我试图通过使用filterCrime状态的选择器来过滤基于类别的帖子。properly shows category slug that was selected from Picker // data={this.sta

浏览 3提问于2019-09-18得票数 0

1回答

仅在滚动后才响应本机FlatList呈现

reactjs、react-native

我有一个FlatList，奇怪的是只有在滚动之后才能正确地呈现。另外，在刷新时，它会呈现为一秒，然后再次消失。FlatList本身只有3项。FlatList在视图中的定义如下：<View style={{flex: 1}}> data={cartItems} renderItem={({

浏览 0提问于2021-12-03得票数 0

回答已采纳

1回答

如何做react native重新渲染Flatlist？

react-native、react-native-flatlist

如何做react native重新渲染Flatlist？使用Effect检查tagId的数据并打开一个新页面，直到tagId存在。return ( <HeaderAnimation onPressListCategory={props.onPressListCategory} /> extraData={props.data} onE

浏览 74提问于2021-11-17得票数 1

2回答

React Native Flatlist未重新呈现Redux

javascript、react-native、chat、react-native-flatlist、listitem

当我从redux传递的道具发生变化时，我的FlatList不会更新。每次我发送消息时，我都会在firebase和redux存储中增加每个人的未读消息计数。唯一改变未读消息计数的是重新加载设备。如何确保使用MapStateToProps更新flatList。action.unreadMessages}); ...state, }; 容器--在容器内部，我将map state与未读消息关联到sty

浏览 11提问于2019-10-25得票数 0

回答已采纳

1回答

React ListItem中的本机开关一直未被检查

javascript、react-native、react-native-elements

我有一个对象列表，我想在FlatList中显示这些对象。列表项还应该有一个开关来选择或取消选择条目。但是每次我点击开关，状态就会保持不受检查。onValueChange事件被正确触发，但在更改状态或数据集未被更新后，FlatList似乎没有被重命名.}, /> return ( <FlatList

浏览 0提问于2019-04-18得票数 3

回答已采纳

1回答

使用自定义按钮响应本机FlatList，如何在单击时更改颜色？

javascript、react-native、react-redux、react-native-flatlist

我已经创建了一个呈现名称的FlatList。每一行都有自己的按钮。单击该按钮时，名称将添加到列表中，该按钮应更改颜色。我的问题是，按钮一单击就不会改变颜色，只有当我对FlatList进行拉刷新时，它才会更改颜色。Component } from 'react'; import { Text, FlatList</TouchableOpacity&g

浏览 0提问于2019-05-19得票数 2

回答已采纳

1回答

如何通过更改任何状态值来重新呈现平面列表？

reactjs、react-native、state

我有一个状态 super (props); index: '', } <FlatListrenderItem={({item, index}) => this.renderFlatListItem (item, index)}我想用按钮点击来重新渲染平面列表按钮onPress我正在改变 this.setState({index: 'value

浏览 0提问于2018-01-11得票数 2

1回答

如何在插入FlatList的数据中自动刷新本机？

react-native、graphql、react-native-flatlist

当从GraphQL服务器添加数据时，我的FlatList不会更新。我尝试过提神和onRefresh，但我不太确定我将如何实现它，希望有人能帮助我。<ActivityIndicator /> <FlatList keyExtractor={(item) => item.id

浏览 1提问于2018-07-06得票数 1

2回答

在不呈现整个列表的情况下在Listview中追加新项- React Native/ React js

reactjs、react-native、react-native-flatlist

<FlatList renderItem={({item}) => <Text>{item.key}</Text>}除了key每当新的键进入时，它都会呈现整个列表视图，这会产生一些性能问题。那么，最好的方式是只渲染一个/两个新添加的项目。这就像在列表视图中添加两个新的项目，而不渲染整个列表。

浏览 28提问于2017-12-16得票数 1

1回答

FlatList项在我setState()时不更新

javascript、react-native、react-native-flatlist

onBackdropPress = {() => this.props.hideSelector()}> <FlatList_renderItemForMultiple}/></Modal>

浏览 3提问于2017-10-30得票数 3

回答已采纳

1回答

react-native扁平列表在元素更新时不会重新呈现吗？

reactjs、react-native、redux、react-native-flatlist

所以我读到react原生FlatList是一个PureComponent，所以它不会自动重新呈现。但是，当删除或添加元素时(因此当数组长度发生变化时)，当前的FlatList会重新呈现，但是如果我试图在不更改长度的情况下更改数据数组中的元素，则FlatList不会重新呈现。有没有办法做到这一点？

浏览 0提问于2018-11-13得票数 1

1回答

单击“响应本机元素”复选框应选中

javascript、reactjs、react-native

import React, { Component } from "react"; <List containerStyle={{ borderTopWidth: 0, borderBottomWidth: 0 }}> <FlatList我的renderItem将有一个数组来呈现，它有一个像&#

浏览 1提问于2018-07-16得票数 1

回答已采纳

1回答

状态更改时，ListHeaderComponent不会重新呈现

react-native、react-native-flatlist

我在ListHeaderComponent中使用FlatList。<FlatList renderItem={this.renderItem} </View>}问题是，即使this.state.seeMore发生了变化，交付给body的组件也没有重新</

浏览 9提问于2019-08-02得票数 0

回答已采纳

1回答

未按预期重新呈现本机setState()

react-native、react-native-snap-carousel

一旦触发onChangeText事件，将调用Picker的呈现函数。届时，Picker中的显示也将被更新。但是，根据生命周期，当i setState时，旋转木马(包括其单元格)不应该更新/重新呈现吗？旋转木马中的秒表(从反应式秒表计时器)也会遇到同样的问题。

浏览 5提问于2017-11-30得票数 0

回答已采纳

1回答

按下项目时重新呈现平面列表数据

react-native、react-native-flatlist、flatlist

我使用react原生平面列表来呈现我的数据。当一个项目在flatlist中被按下时，我想在flatlist中重新呈现数据。如何做到这一点？TouchableOpacity/> }; item.isShow = 1; keyExtract

浏览 27提问于2021-07-27得票数 1

回答已采纳

点击加载更多