React Native应用中如何检测设备是否支持Camera2 API？

嘿，这个问题我之前帮好几个开发者解决过，Camera2 API的支持确实在Android设备上坑不少——有些设备系统版本达标但厂商砍了支持，直接开useCamera2Api就会崩。给你两个靠谱的检测方案：

因为Camera2的支持本质是Android硬件层面的特性，直接通过原生代码检测是最靠谱的方式。你需要写一个简单的React Native原生模块来暴露检测方法：

步骤1：写Android原生检测工具类 #

在你的Android项目的app/src/main/java/[你的包名]/目录下新建一个Camera2SupportChecker.java文件：

import android.hardware.camera2.CameraManager;
import android.content.Context;

public class Camera2SupportChecker {
    public static boolean isCamera2Supported(Context context) {
        CameraManager manager = (CameraManager) context.getSystemService(Context.CAMERA_SERVICE);
        try {
            String[] cameraIds = manager.getCameraIdList();
            for (String id : cameraIds) {
                // 尝试获取相机特性，能成功获取则说明支持Camera2 API
                manager.getCameraCharacteristics(id);
                return true;
            }
        } catch (Exception e) {
            // 捕获异常则代表不支持
            return false;
        }
        return false;
    }
}

步骤2：封装React Native原生模块 #

再新建一个CameraModule.java文件，把检测方法暴露给JS层：

import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.bridge.Promise;

public class CameraModule extends ReactContextBaseJavaModule {
    public CameraModule(ReactApplicationContext reactContext) {
        super(reactContext);
    }

    @Override
    public String getName() {
        // 这个名字是JS层调用时的模块名
        return "CameraModule";
    }

    @ReactMethod
    public void checkCamera2Support(Promise promise) {
        boolean isSupported = Camera2SupportChecker.isCamera2Supported(getReactApplicationContext());
        promise.resolve(isSupported);
    }
}

步骤3：注册原生模块 #

在MainApplication.java里注册这个模块：

// 导入你的模块
import [你的包名].CameraModule;
// ...
@Override
protected List<ReactPackage> getPackages() {
    @SuppressWarnings("UnnecessaryLocalVariable")
    List<ReactPackage> packages = new PackageList(this).getPackages();
    // 添加这一行
    packages.add(new ReactPackage() {
        @Override
        public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
            List<NativeModule> modules = new ArrayList<>();
            modules.add(new CameraModule(reactContext));
            return modules;
        }

        @Override
        public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
            return Collections.emptyList();
        }
    });
    return packages;
}

步骤4：JS层调用检测 #

在你的React Native代码里调用这个原生方法：

import { NativeModules } from 'react-native';
import { useState, useEffect } from 'react';
import { RNCamera } from 'react-native-camera';

const { CameraModule } = NativeModules;

// 封装成异步函数
async function checkCamera2Support() {
  try {
    const isSupported = await CameraModule.checkCamera2Support();
    return isSupported;
  } catch (error) {
    console.error('检测Camera2 API支持失败:', error);
    return false;
  }
}

// 在组件里使用
function CustomCamera() {
  const [canUseCamera2, setCanUseCamera2] = useState(false);

  useEffect(() => {
    async function initCameraSupport() {
      const supported = await checkCamera2Support();
      setCanUseCamera2(supported);
    }
    initCameraSupport();
  }, []);

  return (
    <RNCamera
      useCamera2Api={canUseCamera2}
      // 其他相机配置属性
      style={{ flex: 1 }}
    />
  );
}

如果不想写原生代码，可以先通过系统API等级做基础判断，再补充已知不支持的设备型号过滤——这个方法不如原生准确，但能覆盖大部分场景：

import DeviceInfo from 'react-native-device-info';
import { RNCamera } from 'react-native-camera';

function isCamera2LikelySupported() {
  const apiLevel = DeviceInfo.getApiLevel();
  // Camera2 API从Android 5.0（API等级21）开始引入
  if (apiLevel < 21) {
    return false;
  }
  // 过滤已知不支持Camera2的设备型号（比如部分老三星、小米机型）
  const brand = DeviceInfo.getBrand().toLowerCase();
  const model = DeviceInfo.getModel().toLowerCase();
  
  // 举几个例子，你可以根据测试情况补充
  if (brand === 'samsung' && model.includes('galaxy s4')) {
    return false;
  }
  if (brand === 'xiaomi' && model.includes('redmi note 2')) {
    return false;
  }
  
  return true;
}

// 使用示例
function QuickCamera() {
  return (
    <RNCamera
      useCamera2Api={isCamera2LikelySupported()}
      // 其他属性
      style={{ flex: 1 }}
    />
  );
}

• 优先用方案1，因为方案2只能过滤已知的不支持设备，无法覆盖所有小众机型
• 测试时一定要覆盖不同品牌的中低端机型，国内厂商的部分机型经常会有Camera2支持不全的问题
• 如果检测到不支持Camera2 API，记得降级到默认的Camera1 API，避免应用崩溃

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