React native -消耗太多RAM，但不会在FlatList中释放大数据

piah890a 于 2023-10-22 发布在 React

关注(0)|答案(2)|浏览(134)

在一个React Native项目中，使用react query在提要中带来无限滚动- RAM越来越多地被消耗，但不会释放组件的内存（从近170 MB开始，达到2 GB，应用程序崩溃）。
任何帮助都非常感谢。
"react-native": "0.72.4", "@tanstack/react-query": "^4.29.17"
页面被无限滚动，分页的API每10个项目被调用一次，每次滚动RAM都在增加，它必须是平均大小。并且RAM必须被释放用于窗口外的项目。
预计会有内存泄漏，但只返回一个Text，它仍然增加内存，但计数减少

来源：https://stackoverflow.com/questions/77217101/react-native-consuming-too-much-ram-but-not-getting-released-in-flatlist-with

2条答案

按热度按时间

并且RAM必须被释放用于窗口外的项目。
React Query将数据缓存在内存中，因此不能仅仅因为它不在视口中就将其释放。
在V5中有一些改进：

maxPages -一个新选项，用于限制存储在该高速缓存中的页面数量
fine-grained persistence-一个实验性的插件，用于将查询卸载到外部存储，以便在未使用时将其从内存中删除

对于您的情况，请尝试maxPages选项。

赞(0）回复(0）举报 2023-10-22

消耗内存的是窗口之外的项目没有被删除。我通过为 Package FlatList的scrollview赋予removeClippedSubViews prop为true并为其中Map的项赋予overflow:"hidden"样式来实现它

赞(0）回复(0）举报 2023-10-22

相关问题

热门标签

Java query python Node 开发语言 request Util 数据库 Table 后端算法 Logger Message Element Parser

最新问答

xxl-job 安全组扫描到执行器端口服务存在信息泄露漏洞
回答(1) 发布于 4个月前
xxl-job 不能和nacos兼容？
回答(3) 发布于 4个月前
xxl-job 任务执行完后无法结束，日志一直转圈
回答(3) 发布于 4个月前
xxl-job-admin页面上查看调度日志样式问题
回答(1) 发布于 4个月前
xxl-job 参数512字符限制能否去掉
回答(1) 发布于 4个月前