tengo el siguiente cpdigo y quiero scanear qr, pero no hace nada, osea, acerco la camara al scanner, y no se cierra el scanner ni me da el log con los datos del qr, que ese seria el funcionamiento que tendriera que tener ahora para pobrar que funcione.
import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
import { CameraView, useCameraPermissions } from "expo-camera";
import React, { useState } from "react";
import { Button, StyleSheet, Text, View } from "react-native";
export default function App({ setOpenScanner }) {
const [scanned, setScanned] = useState(false);
const [torch, setTorch] = useState(false);
const [permission, requestPermission] = useCameraPermissions();
if (!permission) {
return <View />;
}
const closeScanner = () => {
setScanned(false);
setOpenScanner(false);
};
if (!permission.granted) {
return (
<View style={styles.container}>
<Text style={{ textAlign: "center" }}>
Necesitas permisos de camara
</Text>
<Button onPress={requestPermission} title="Dar permisos" />
</View>
);
}
const handleBarCodeScanned = ({ type, data }) => {
setScanned(true);
setOpenScanner(false);
console.log("scanea", type, data);
};
return (
<View style={styles.container}>
<CameraView
style={styles.camera}
enableTorch={torch}
barcodeScannerSettings={{
barcodeTypes: ["qr"],
}}
facing="back"
onBarCodeScanned={scanned ? undefined : handleBarCodeScanned}
></CameraView>
<View style={styles.buttonContainer}>
<Ionicons
onPress={closeScanner}
name="arrow-back-outline"
size={32}
color="white"
/>
<MaterialCommunityIcons
onPress={() => setTorch(!torch)}
name={torch ? "flashlight" : "flashlight-off"}
size={32}
color="white"
/>
</View>
</View>
);
}
tengo el console.log() que espero que me de la informacion y el typo del qr, para corroborar que funcione correctamente, pero nada funciona
New contributor
Gabriel Ledesma is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.