React Native 应用程序(在 iOS 上)的 UI 滞后且 fps 速率定期下降

IT技术 javascript ios reactjs react-native
2021-05-25 00:23:36

我的 React Native 应用程序的 UI 会定期下降,但仅限于 iOS。我附上了一个屏幕截图,显示了大约 11 的 UI fps。而且它是一个非常稳定的波浪,并且不断发生几次。这会导致烦人的延迟,例如在过渡、动画或倒计时期间(如附加屏幕上)。任何遇到类似问题的经验或想法如何解决它或这是什么原因?

同样重要的是,它同时发生在 iOS 模拟器和真实设备上。安卓没有这些问题。

在此处输入图片说明

2个回答

你有没有在 AppDelegate 文件中留下一些 console.log ?我有一个类似的问题,我的是控制台像疯了一样记录。检查您的设备日志。

在开发模式下运行实际上是一个主要的性能问题。也许尝试关闭它会有所帮助:https :
//facebook.github.io/react-native/docs/performance.html

此外,尝试插入尽可能多的动画:https :
//facebook.github.io/react-native/docs/animated.html#interpolation

除此之外,大多数使用 react-native 的公司实际上是在原生代码中制作动画并桥接响应来制作动画本身:https :
//www.youtube.com/watch?v=rwQ6yxddKz4