I don’t understand why do i get this error no matter what i do. i move from barrcodescanner to expo-camera and i get this error
import React, { useState, useEffect } from 'react';
import { Text, View, TouchableOpacity, StyleSheet, Image } from 'react-native';
import { Camera } from 'expo-camera';
export default function CameraComponent() {
const [hasPermission, setHasPermission] = useState(null);
const [cameraRef, setCameraRef] = useState(null);
const [type, setType] = useState(Camera.Constants.Type.back);
const [photo, setPhoto] = useState(null);
useEffect(() => {
(async () => {
const { status } = await Camera.requestCameraPermissionsAsync();
setHasPermission(status === 'granted');
})();
}, []);
if (hasPermission === null) {
return <View />;
}
if (hasPermission === false) {
return <Text>No access to camera</Text>;
}
const takePicture = async () => {
if (cameraRef) {
let photo = await cameraRef.takePictureAsync();
setPhoto(photo.uri);
}
};
return (
<View style={styles.container}>
<Camera style={styles.camera} type={type} ref={ref => setCameraRef(ref)}>
<View style={styles.buttonContainer}>
<TouchableOpacity
style={styles.button}
onPress={() => {
setType(
type === Camera.Constants.Type.back
? Camera.Constants.Type.front
: Camera.Constants.Type.back
);
}}>
<Text style={styles.text}> Flip </Text>
</TouchableOpacity>
<TouchableOpacity style={styles.button} onPress={takePicture}>
<Text style={styles.text}> Snap </Text>
</TouchableOpacity>
</View>
</Camera>
{photo && (
<View style={styles.previewContainer}>
<Text style={styles.previewText}>Preview:</Text>
<Image source={{ uri: photo }} style={styles.previewImage} />
</View>
)}
</View>
);
}
>const [type, setType] = useState(Camera.Constants.Type.back);
Unresolved variable Constants
Same error heres
>type === Camera.Constants.Type.back
? Camera.Constants.Type.front
: Camera.Constants.Type.back
i really don’t understand what is wrong, and i don’t know from where to start asdf asdf asdf asdf asdf asdf asd fasdf asdf qwerrf q3er gwqterg bwqerfgqewr