android - 在 React Native 中打开相机 View 而不是全屏

Question

我想在 View 中打开相机，我已经设置了 View 的高度和宽度，但它是全屏打开的。我使用了 react-native-camera 和 react-native-image-crop-picker 库。下面是我用来实现上面的代码:

rendercamera = () =>{
    ImagePicker.openCamera({
        width: width*0.5,
        height: 400,
        cropping: true,
    }).then(image => {
        console.log(image);
    });
}
render() {
    return (
      <View style={styles.containers}>
        <ScrollView>
          <View style={styles.header}>
            <TouchableOpacity onPress={this._goBack}>
              <Image
                style={styles.backicon}
                source={images.backArrowAn}
              />
            </TouchableOpacity>
            <Text style={styles.headerText}>Add Id Card</Text>
            <View style={styles.backicon}></View>
          </View>

          <View
            style={{
              width: width,
              alignItems: "flex-end",
              justifyContent: "center",
              marginTop: height * 0.12,
              alignSelf: "center",
              alignItems: "flex-end"
            }}
          >
          {this.rendercamera()}
          </View>
        </ScrollView>
      </View>
    );
}

有人可以帮忙吗？

Answer 1

您的包 ImagePicker 没有能力做到这一点。尝试使用 react-native-camera

<RNCamera
      ref={ref => {
        this.camera = ref;
      }}
      style={{//Your style code
        }}
      type={RNCamera.Constants.Type.back}
      flashMode={RNCamera.Constants.FlashMode.on}
      androidCameraPermissionOptions={{
        title: 'Permission to use camera',
        message: 'We need your permission to use your camera',
        buttonPositive: 'Ok',
        buttonNegative: 'Cancel',
      }}
      androidRecordAudioPermissionOptions={{
        title: 'Permission to use audio recording',
        message: 'We need your permission to use your audio',
        buttonPositive: 'Ok',
        buttonNegative: 'Cancel',
      }}
      onGoogleVisionBarcodesDetected={({ barcodes }) => {
        console.log(barcodes);
      }}
    />