import React, {useLayoutEffect} from 'react';
import {Ionicons} from "@expo/vector-icons";
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import Main from "../screens/Main";
import Login from "../screens/Login";
import Profile from "../screens/Profile";
import Maps from "../screens/Maps";


const Tab = createBottomTabNavigator();

const getHeaderName = (route) => {
};

const TabNavigation = (props) => {
    const {navigation, route} = props;
    // useLayoutEffect(() => {}, [route]);

    return (
        <Tab.Navigator
            // screenOptions = {({route})=>{}}
            tabBarOptions = {{}}
        >
            <Tab.Screen
                name='main'
                component={Main}
            />

            <Tab.Screen
                name='login'
                component={Login}
            />

            <Tab.Screen
                name='maps'
                component={Maps}
            />

            <Tab.Screen
                name='Profile'
                component={Profile}
            />

        </Tab.Navigator>
    )
};

export default TabNavigation;