import React, { useState, useEffect } from "react";
import {
View,
Text,
TouchableOpacity,
Dimensions,
ImageBackground,
StatusBar,
} from "react-native";
import { useNavigation } from "@react-navigation/native";
import { BarCodeScanner } from "expo-barcode-scanner";
import { Entypo } from "@expo/vector-icons";
import {connect} from "react-redux";
import tw from "tailwind-rn";
import Colors from "../../../constants/Colors";
const { width, height } = Dimensions.get("screen");
//assets
import laptopImage from "../assets/laptop.png";
function Scan({theme}) {
const navigation = useNavigation();
const [hasPermission, setHasPermission] = useState(null);
const [scanned, setScanned] = useState(false);
useEffect(() => {
(async () => {
const { status } = await BarCodeScanner.requestPermissionsAsync();
setHasPermission(status === "granted");
})();
}, []);
const handleBarCodeScanned = ({ type, data }) => {
setScanned(true);
navigation.navigate("QRContent", { data });
};
if (hasPermission === null) {
return Requesting for camera permission;
}
if (hasPermission === false) {
return No access to camera;
}
return (
{/* {scanned && ( */}
navigation.goBack()}
style={[
tw("py-2.5 rounded-full flex justify-center flex-row items-center"),
{
width: height / 3.5,
borderWidth: 1,
borderColor: Colors.theme1[theme].greenCF,
},
]}
>
بازگشت
{/* )} */}
);
}
const mapStateToProps = (state) => ({
theme: state.publicApi.theme
})
export default connect(mapStateToProps)(Scan);