-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
72 lines (66 loc) · 2.8 KB
/
App.js
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
import React, { Component } from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs';
import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
import Direction from './src/components/Direction';
import RouteSelection from './src/components/RouteSelection';
import GraphEdge from './src/components/GraphEdge';
import About from './src/components/About';
const Tab = createMaterialBottomTabNavigator();
export default class App extends Component {
render(){
console.disableYellowBox = true;
return (
<NavigationContainer>
<Tab.Navigator
initialRouteName="Start"
activeColor="white"
barStyle={{ backgroundColor: '#343a40' }}
>
<Tab.Screen
name="Route"
component={RouteSelection}
options={{
tabBarLabel: 'Route',
tabBarIcon: ({ color }) => (
<MaterialCommunityIcons name="directions" color={color} size={26} />
),
}}
/>
<Tab.Screen
name="Direction"
component={Direction}
initialParams={{buildings: null}}
options={{
tabBarLabel: 'Directions',
tabBarIcon: ({ color }) => (
<MaterialCommunityIcons name="format-list-numbered" color={color} size={26} />
),
}}
/>
<Tab.Screen
name="Graph"
component={GraphEdge}
initialParams={{filenames: null}}
options={{
tabBarLabel: 'Map',
tabBarIcon: ({ color }) => (
<MaterialCommunityIcons name="map" color={color} size={26} />
),
}}
/>
<Tab.Screen
name="About"
component={About}
options={{
tabBarLabel: 'About',
tabBarIcon: ({ color }) => (
<MaterialCommunityIcons name="information" color={color} size={26} />
),
}}
/>
</Tab.Navigator>
</NavigationContainer>
);
}
}