import React, { useCallback, useState } from "react"; import { Image, StyleSheet, View, Pressable, } from "react-native"; import { useNavigation } from "@react-navigation/native"; import { Ionicons } from "@expo/vector-icons"; import tw from "tailwind-rn"; import Drawer from "./Drawer"; //colors import Color from "../constants/Colors"; //assets import hamburgerLightIcon from "../assets/icons/hamburger-light.png"; import logoIcon from "../assets/icons/logo.png"; import qrLightIcon from "../assets/icons/qr-light.png"; import arLightIcon from "../assets/icons/ar-light.png"; const Navbar = ({ notification, back, setBoxPosition }) => { const navigation = useNavigation(); const Button = useCallback(({ icon, route }) => { return ( navigation.navigate(route)} > ); }, []); return ( setBoxPosition()}> {notification && ( )} navigation.navigate("Home")} style={tw("absolute right-1/2 top-1/2")} > {back && ( navigation.goBack()} /> )}