ReactNative踩坑：封装原生UI组件内存泄漏记录

最新推荐文章于 2025-06-16 17:26:13 发布

100斤

最新推荐文章于 2025-06-16 17:26:13 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android ReactNative 文章标签： ReactNative 内存泄漏封装原生UI组件

本文链接：https://blog.youkuaiyun.com/qq_15602635/article/details/79267804

在ReactNative项目中遇到首页页面闪烁问题，排查后发现是封装的原生UI组件存在内存泄漏，每次刷新创建了新的实例。问题出在生命周期监听器上，ReactContext在activity生命周期之外保持了对SampleView和activity的引用。解决方案是在activity的onDestroy()时反注册监听器，以避免内存泄漏。

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

项目中初次使用ReactNative，还是处在踩坑阶段。
偶然发现，多次打开首页页面会闪，打Log发现项目中封装给React Native使用的原生组件刷新了多次。再看对象实例，发现每次刷新都属于不同实例，内存泄漏了！！！

刷新监听的事件是 com.facebook.react.bridge.LifecycleEventListener.onHostResume()。也就是页面首次加载和activity resume的时候。

ViewManager示例代码：

public class SampleViewManager extends SimpleViewManager<SampleView> {
   
   

  @Override
  protected SampleView createViewInstance(ThemedReactContext reactContext) {
    SampleView mSampleView = new SampleView(reactContext.getCurrentActivity());
    reactContext.addLifecycleEventListener(mSampleView);
    mSampleView.setReactContext(reactContext);