import * as React from 'react'; import {createStackNavigator, TransitionPresets} from '@react-navigation/stack'; import {createMaterialBottomTabNavigator} from "@react-navigation/material-bottom-tabs"; import HomeScreen from '../screens/HomeScreen'; import PerfHomeScreen from '../screens/PerfHomeScreen'; import PlanningScreen from '../screens/PlanningScreen'; import PlanningDisplayScreen from '../screens/PlanningDisplayScreen'; import ProxiwashScreen from '../screens/Proxiwash/ProxiwashScreen'; import ProxiwashAboutScreen from '../screens/Proxiwash/ProxiwashAboutScreen'; import ProximoMainScreen from '../screens/Proximo/ProximoMainScreen'; import ProximoListScreen from "../screens/Proximo/ProximoListScreen"; import ProximoAboutScreen from "../screens/Proximo/ProximoAboutScreen"; import PlanexScreen from '../screens/Websites/PlanexScreen'; import {MaterialCommunityIcons} from "@expo/vector-icons"; import ThemeManager from "../utils/ThemeManager"; import AsyncStorageManager from "../utils/AsyncStorageManager"; const TAB_ICONS = { Home: 'triangle', Planning: 'calendar-range', Proxiwash: 'washing-machine', Proximo: 'shopping', Planex: 'timetable', }; const ProximoStack = createStackNavigator(); function ProximoStackComponent() { return ( ); } const ProxiwashStack = createStackNavigator(); function ProxiwashStackComponent() { return ( ); } const PlanningStack = createStackNavigator(); function PlanningStackComponent() { return ( ); } const HomeStack = createStackNavigator(); function HomeStackComponent() { return ( ); } const Tab = createMaterialBottomTabNavigator(); export default function TabNavigator() { return ( ({ tabBarIcon: ({focused, color, size}) => { let icon = TAB_ICONS[route.name]; // tintColor is ignoring activeColor and inactiveColor for some reason color = focused ? "#f0edf6" : "#4e1108"; return ; }, })} > ); }