React Native 中的 JS 线程的 fps 较低

Posted

技术标签:

【中文标题】React Native 中的 JS 线程的 fps 较低【英文标题】:JS thread in react native is having low fps 【发布时间】:2021-01-20 19:10:22 【问题描述】:

当我在 android 设备上运行我的 react 本机应用程序时,我的 JS 线程帧丢失严重(低 fps)。它会影响 RAM 较少的设备上的屏幕响应能力。关于如何检测丢帧的任何建议(任何工具或分析器),即哪个组件导致丢帧?

【问题讨论】:

【参考方案1】:

https://reactnative.dev/docs/profiling 是一个很好的起点。

文章引用systrace,现已集成到 Android Studio CPU 分析器中。只需record 使用跟踪系统调用配置进行跟踪。 UI 类似于旧版 systrace 工具,但侧重于应用程序的进程,因此它应该更容易找到 JS 线程。关于如何在 Android Studio 中使用 System Trace,请观看此视频:https://youtu.be/EjmIit_amnE。

【讨论】:

以上是关于React Native 中的 JS 线程的 fps 较低的主要内容,如果未能解决你的问题,请参考以下文章

React Native - JEST:没有找到 haste.hasteImplModulePath 选项中的 react-native/jest/hasteImpl.js

导入js中的React Native调用组件

JS 中的 React Native 中不显示图像

react-native-sqlite-storage 中的 React Native Async Await

网上摘录React Native APP性能优化

React native之路(五)Style