-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.tsx
39 lines (36 loc) · 1.34 KB
/
App.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import React from 'react';
// @ts-ignore
import seal from './assets/Wordmark.png';
// @ts-ignore
import roofImg from './assets/Roof.jpeg';
import {createBottomTabNavigator} from "@react-navigation/bottom-tabs";
import HomePage from "./pages/HomePage";
import {NavigationContainer} from "@react-navigation/native";
import {Foundation} from "@expo/vector-icons";
import {colors} from "./styles/GlobalTheme";
const Tab = createBottomTabNavigator()
export default () => {
return (
<NavigationContainer>
<Tab.Navigator screenOptions={({route}) => ({
tabBarActiveTintColor: colors.regisRed,
tabBarInactiveTintColor: colors.grey,
headerShown: false,
tabBarIcon: ({focused, color, size}) => {
let iconName;
if(route.name == 'Home') iconName = 'home';
// @ts-ignore
return <Foundation name={iconName} size={size} color={color}/>
},
tabBarStyle: {
backgroundColor: colors.darkGrey,
shadowOpacity: 0,
borderTopWidth: 0,
elevation: 0
}
})}>
<Tab.Screen name = "Home" component = {HomePage}/>
</Tab.Navigator>
</NavigationContainer>
);
}