如何缩短React Native调用原生模块启动相机Activity的耗时

常见耗时原因排查 #

排除相机侧UI更新耗时后，1500-2000ms的延迟通常来自这几个环节：

• RN跨JS-Native桥的线程调度开销
• 调用时才执行的权限检查等待耗时
• 相机Activity冷启动的布局加载、资源初始化开销
• 相机硬件本身的初始化耗时

优化方案 #

一、常规启动速度优化（无需预加载） #

• 优化跨桥方法调度优先级：默认@ReactMethod注解的方法会被放到RN异步线程队列执行，可修改注解指定方法直接在Android主线程运行，避免跨线程调度延迟，修改后的代码如下：

  // 导入依赖
  import com.facebook.react.bridge.ReactQueueConfigurationImpl;
  
  // 方法注解修改
  @ReactMethod(name = "launchCamera", queue = ReactQueueConfigurationImpl.UI_QUEUE)
  public void launchCamera(final ReadableMap options, final Callback callback) {
    // 原有逻辑
  }
  

• 提前完成权限校验：不要在launchCamera执行时才检查相机、存储权限，可在进入需要调用相机的业务页面前，提前在JS侧通过PermissionsAndroid完成权限申请，原生模块直接跳过权限检查逻辑，减少等待耗时。
• 优化相机Activity启动配置：在AndroidManifest.xml中给相机Activity设置android:launchMode="singleTop"减少Activity实例创建开销；启动Intent时添加intent.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION)关闭默认转场动画；简化相机Activity布局层级，移除冗余View，减少布局inflate耗时。
• 预缓存配置参数：把默认相机配置、用户常用UI参数提前在原生模块初始化时缓存，不要在launchCamera执行时才解析ReadableMap做参数转换，减少方法执行时的计算开销。
• 优化JS侧调用逻辑：你现有JS侧用Callback封装Promise的写法存在额外的转发开销，可直接把原生方法改成RN原生支持的Promise式实现，原生侧方法签名替换为：

  public void launchCamera(final ReadableMap options, final Promise promise)
  

  无需额外封装即可在JS侧直接调用launchCamera().then().catch()，减少JS层的性能损耗。

二、预加载方案（极致提速可降到200ms内） #

• 预加载相机Activity：在RN应用初始化完成后，原生侧提前启动一个透明主题的相机Activity放到后台栈，Activity主题配置如下：

  <style name="TransparentCameraTheme" parent="AppTheme">
      <item name="android:windowIsTranslucent">true</item>
      <item name="android:windowBackground">@android:color/transparent</item>
      <item name="android:windowContentOverlay">@null</item>
      <item name="android:windowNoTitle">true</item>
      <item name="android:windowIsFloating">false</item>
      <item name="android:backgroundDimEnabled">false</item>
  </style>
  

  预加载时仅在后台完成布局加载、相机硬件初始化，不对用户可见。JS侧调用launchCamera时，直接把预加载的Activity拉到前台，仅更新用户传入的自定义配置即可启动，跳过冷启动全部耗时。注意拍照结束后重置Activity状态，避免残留上一次的配置参数。
• 预初始化相机实例：如果不想预加载整个Activity，可在原生模块初始化时，就开启子线程提前初始化CameraX/Camera2实例，缓存相机预览配置、参数设置，启动Activity时直接复用已初始化的相机实例，跳过相机硬件初始化的数百毫秒耗时。

内容的提问来源于stack exchange，提问作者suvodipMondal