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 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 CustomMaterialIcon from "../components/CustomMaterialIcon"; import ThemeManager from "../utils/ThemeManager"; import AboutScreen from "../screens/About/AboutScreen"; import AboutDependenciesScreen from "../screens/About/AboutDependenciesScreen"; import DebugScreen from "../screens/DebugScreen"; import SettingsScreen from "../screens/SettingsScreen"; 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 ; }, })} > ); }