iOS 实现react-native预加载，优化第一次加载白屏问题

最新推荐文章于 2025-06-24 21:30:45 发布

wf_breeze

最新推荐文章于 2025-06-24 21:30:45 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

分类专栏： react-native iOS 白屏优化内存优化

本文链接：https://blog.youkuaiyun.com/rainbowFactory/article/details/79192237

项目中使用react-native时遇到白屏和内存问题。通过研究发现，多次创建和销毁RCTBridge导致问题。采用RCTRootView的推荐初始化方式结合单例模式，确保在程序启动时初始化一个桥接对象，有效优化内存，解决了预加载和白屏问题。

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

项目中存在多个react-native页面入口，每个入口使用以下方法初始化：

- (instancetype)initWithBundleURL:(NSURL *)bundleURL
                       moduleName:(NSString *)moduleName
                initialProperties:(NSDictionary *)initialProperties
                    launchOptions:(NSDictionary *)launchOptions;

但在调试中发现两个现象：
1.重复进入react-native页面、退出react-native页面的操作，RCTBridge对象会被重复创建、销毁。有时候RCTBridge对象未能及时创建还会crash
2.在原生页面和react-native页面相互跳转是RCTBridge也会被重复创建，造成很大的内存开销

带着疑问去阅读RCTRootView.h发现一些细节：