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 LocationTimeSet from "../screens/LocationTimeSet";
import Maps from "../screens/Maps";

const Tab = createBottomTabNavigator();

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

    return (
        <Tab.Navigator
            // screenOptions = {({route})=>{}}
            tabBarOptions={{}}
        >

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

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

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

        </Tab.Navigator>
    )
};

export default TabNavigation;