关于React Native 安卓首屏白屏优化

最新推荐文章于 2022-09-29 07:45:25 发布

xiangzhihong8

最新推荐文章于 2022-09-29 07:45:25 发布

阅读量2.3k

点赞数 1

分类专栏： React Native

本文链接：https://blog.youkuaiyun.com/xiangzhihong8/article/details/53083027

版权

React Native 专栏收录该内容

209 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

在Android设备上，使用React Native开发的应用在启动时会出现长达1到2秒的白屏现象，尤其是在真机上。该问题源于rn模块加载和渲染的延迟。为解决这一问题，可以采取内存换时间的优化策略。通过缓存rootview管理器，在onCreate方法中利用缓存的rootview，而不是每次都重新创建，从而减少白屏时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

在android中，当点击某个rn模块的入口按钮，弹出rn的activity到rn的页面展现出来的过程中，会有很明显的白屏现象，不同的机型不同（cpu好的白屏时间短），大概1s到2s的时间。

注意，只有在真机上才会有此现象，在模拟器上没有此现象完全是秒开。

优化分析

通过工具分析，问题主要在下面的代码上，

ReactRootView mReactRootView = createRootView();
mReactRootView.startReactApplication(mReactInstanceManager, getMainComponentName(), getLaunchOptions());

ReactActivity的onCreate()的完整代码如下：

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    if (getUseDeveloperSupport() && Build.VERSION.SDK_INT >= 23) {
      // Get permis

了解本专栏