React-native-camera 显示为黑屏答案

【问题标题】：React-native-camera appears as black screenReact-native-camera 显示为黑屏
【发布时间】：2021-04-16 03:26:11
【问题描述】：

我正在尝试为我的应用程序实现 eKYC，其中包括 3 个摄像头屏幕（2 个带背面摄像头的屏幕，1 个带前置摄像头的屏幕）

在某些 Android 设备（Samsung Note 8、小米 Redmi Pro 8、Vsmart Joy 3...）上，第三屏的摄像头（前置摄像头）无法工作（黑屏）。

我尝试从 Android logcat 读取错误，但收到此错误：

2021-01-11 12:29:00.704 3973-13086/com.******.vn W/CameraBase: An error occurred while connecting to camera 1: Status(-8): '8: connectHelper:1648: Too many cameras already open, cannot open camera "1"'

我尝试过的事情：使用NavigationEvents 和withNavigationFocus 在当前屏幕聚焦时渲染相机

const [isFocus, setFocus] = useState<boolean>(false)

<NavigationEvents onWillFocus={onFocus} onWillBlur={onBlur}></NavigationEvents>

{isFocus && props.isFocused && (
    <RNCamera
      ref={refCamera}
      style={styles.preview}
      type={RNCamera.Constants.Type.front}
      captureAudio={false}
      onCameraReady={() => console.log('oncameraready')}
      onFacesDetected={onFaceDetected}>
      <View style={styles.progressBarContainer}>
        <Progress.Bar
          color={Colors.asEastOcean}
          progress={progress}
          width={200}
          style={styles.progressBar}
          borderColor={Colors.white}
          unfilledColor={Colors.white}
        />
      </View>
    </RNCamera>
  )}

但是第三个屏幕上的摄像头（前置摄像头）仍然无法工作。另外两个工作完美。有没有办法解决这个问题，非常感谢您！

注意：如果我改变顺序，先渲染第三屏，前置摄像头工作正常。

【问题讨论】：

遇到同样的问题..你有什么发现吗。
@VijaySinghChouhan 请检查下面的答案

标签： android react-native camera android-camera react-native-camera

【解决方案1】：

我找到了解决问题的方法：在 react-native-camera 的以下文件中： android/src/main/java/com/google/android/cameraview/Camera1.java

我修改了pausePreview函数如下：

    @Override
    public void pausePreview() {
        synchronized(this){
            mIsPreviewActive = false;
            mShowingPreview = false;

            if(mCamera != null){
                mCamera.stopPreview();
            }
            releaseCamera();
        }
    }

如果我有两个使用 RNCamrera 组件的连续屏幕，我使用 navigation.replace() 而不是 navigation.navigate()。

【讨论】：