聊天应用程序中的平面列表(对话屏幕)数据量大,会减慢其他组件的速度



我正在开发一个使用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}

哪个是

一个本地优化,它删除了剪裁的子视图(父级(,以从本机卸载工作渲染系统

相关内容

  • 没有找到相关文章

最新更新