React Native Simulator/Emulator 性能低下
Posted
技术标签:
【中文标题】React Native Simulator/Emulator 性能低下【英文标题】:React Native Simulator/Emulator low performance 【发布时间】:2019-01-17 04:29:44 【问题描述】:在测试用 React Native 制作的应用程序时,我遇到了 ios 模拟器 / android 模拟器的奇怪问题。在某些设备上,性能非常缓慢,有时甚至无法连接到 localhost API。它只发生在特定设备上,例如,在 iPhone 6 上一切正常,但 iPhone X 运行速度非常慢。这些模拟器上的其他内置应用程序(如 Safari)没有性能问题,只有我的一个,经过测试。
“慢动画”切换没有问题。
【问题讨论】:
你打开远程调试器了吗? 谢谢,这实际上是问题所在......我不知道它必须远程调试才能获得最佳性能。 【参考方案1】:如前所述,由于远程调试器已打开,即使在 iOS 上,React Native 应用程序的性能也非常低。
另外,值得一提的是,缓慢的 iOS 性能表明您的 React Native 应用程序存在更大的问题,这是另一个常见的根本原因:
-
昂贵的 Js 操作
很多
console.log
。
组件重新渲染。
糟糕的动画实现。
【讨论】:
以上是关于React Native Simulator/Emulator 性能低下的主要内容,如果未能解决你的问题,请参考以下文章
react native 增加react-native-camera
更新 react-native-maps 以使用 create-react-native-app
react native 增加react-native-storage
React-Native 和 Expo:create-react-native-app 和 react-native init 之间的区别
什么是 react-native-cli 和 @react-native-community/cli?
React Native - 当 react-native 版本 > 0.55 时,无法通过 react-native-cli 创建新项目