我正在开发一个使用react原生的聊天应用程序,但带有大数据的Flatlist会减慢表情符号或文本输入等其他组件的速度,有人能帮我吗?
<FlatList
ref={ref => this.chatFlatList = ref}
data={this.state.messages1}
showsHorizontalScrollIndicator={false}
inverted
renderItem={this.renderChatList}
keyExtractor={(_,index) => index.toString()}
ListFooterComponent={() => <ActivityIndicator size="large" color="#0000ff" /> }
windowSize={10000}
/>
windowSize={10000)
意味着组件将渲染可见屏幕区域加上(最多(视口上方4999个屏幕和视口下方4999个。
减少此数字将减少内存消耗,并可能改善性能,但会增加快速滚动的机会显示未渲染内容的瞬间空白区域。
(取自"VirtualizedList"文档(
尝试更改窗口大小(例如为11(,看看是否有帮助。
你可以做的另一件事是添加
removeClippedSubviews={true}
哪个是
一个本地优化,它删除了剪裁的子视图(父级(,以从本机卸载工作渲染系统