如何解决如何使用react-native-camera捕获图片
我尝试使用react-native-camera捕获图像,但是失败了, 租用我的代码。
解决方法
您正在功能组件中访问“ this”
课程级别组件:
takePicture = async () => {
if (this.camera) {
const options = { quality: 0.5,base64: true };
const data = await this.camera.takePictureAsync(options);
console.log(data.uri);
}
};
<RNCamera
ref={ref => {
this.camera = ref;
}}
style={styles.preview}
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',}}
onGoogleVisionBarcodesDetected={({ barcodes }) => {
console.log(barcodes);
}}
/>
对于功能组件
const cameraRef = useRef();
takePicture = async () => {
const options = { quality: 0.5,base64: true };
const data = await cameraRef.takePictureAsync(options);
console.log(data.uri);
};
<RNCamera
ref={cameraRef}
style={styles.preview}
type={RNCamera.Constants.Type.back}
flashMode={RNCamera.Constants.FlashMode.on}
androidCameraPermissionOptions={{
title: 'Permission to use camera',}}
onGoogleVisionBarcodesDetected={({ barcodes }) => {
console.log(barcodes);
}}
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。