-
Notifications
You must be signed in to change notification settings - Fork 1
/
App.js
70 lines (64 loc) · 2.08 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
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { AppLoading } from 'expo';
import { useFonts } from 'expo-font';
import { StatusBar } from 'expo-status-bar';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import Search from './src/screens/Search';
import Location from './src/screens/Location';
import Locations from './src/screens/Locations';
const Stack = createStackNavigator();
const App = () => {
const [fontsLoaded] = useFonts({
'Montserrat-Thin': require('./assets/fonts/montserrat/Montserrat-Thin.ttf'),
'Montserrat-ExtraLight': require('./assets/fonts/montserrat/Montserrat-ExtraLight.ttf'),
'Montserrat-Regular': require('./assets/fonts/montserrat/Montserrat-Regular.ttf'),
'Montserrat-Medium': require('./assets/fonts/montserrat/Montserrat-Medium.ttf'),
'Montserrat-Bold': require('./assets/fonts/montserrat/Montserrat-Bold.ttf'),
});
if (!fontsLoaded) {
return <AppLoading />;
}
return (
<SafeAreaProvider>
<NavigationContainer>
<Stack.Navigator initialRouteName="Locations">
<Stack.Screen
name="Locations"
component={Locations}
options={{
header: () => null
}}
/>
<Stack.Screen
name="Search"
component={Search}
options={{
title: '',
headerStyle: {
backgroundColor: '#2EA6CD',
height: 70,
},
headerTintColor: '#FFF'
}}
/>
<Stack.Screen
name="Location"
component={Location}
options={{
title: '',
headerStyle: {
backgroundColor: 'transparent',
height: 70,
},
headerTintColor: '#FFFFFF'
}}
/>
</Stack.Navigator>
</NavigationContainer>
<StatusBar style="light" />
</SafeAreaProvider>
);
};
export default App;