Question

我正在开发一个应用，我们希望允许我们的用户（技术支持人员）拍摄员工徽章的照片，以便我们可以分析照片并提取徽章ID（我们已经有了一个开放源代码算法执行此操作）以创建票证。我让该应用程序运行一个服务台人员桌面上使用的应用程序的Web视图，并在顶部打开一个按钮以打开摄像头（当前这只是一个警报）。代码如下：

const onPress = () => {
  Alert.alert('Will capture the badge using the camera');
 };

export default class App extends React.Component {

render() {
return (
  <View style={styles.container}>
  <Button
    onPress={onPress}
    title="Capture Badge"
    color="#841584"
    accessibilityLabel="Capture a Customer's ID via a picture of their badge"
  />

    <WebView
         source={{uri: "www.example.com"}}
     />
    </View>
);
}

基本上，我需要放入onPress以便可以拍照然后将其发送到我们的算法（该算法只是onPress末尾的函数调用）？我已经完成了在响应本机中使用相机的研究，但是一切都需要在视图中渲染相机。我只想在用户点击应用顶部的“捕获徽章”按钮时打开摄像机视图。

Answer 1

您可以使用react-native-image-cropper-picker。如果我对您的理解正确，则希望能够启动相机，然后作为承诺，将图像发送到对象检测算法。使用此库，您可以按以下方式启动相机：

openCamera(){
    ImagePicker.openCamera({
      width: 300,
      height: 400,
      cropping: true
    }).then(image => {
      //Your image
      console.log(image);
    });
}

如何从我的React Native应用程序中打开相机？

1 个答案: