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);