-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
114 lines (100 loc) · 3.28 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
import { AppLoading } from "expo";
import { Asset } from "expo-asset";
import * as Font from "expo-font";
import React, { useState } from "react";
import { Platform, StatusBar, StyleSheet, View } from "react-native";
import { Ionicons } from "@expo/vector-icons";
import { AppearanceProvider } from "react-native-appearance";
import * as Amplitude from "expo-analytics-amplitude";
import * as Sentry from "sentry-expo";
import AppNavigator from "./navigation/AppNavigator";
import Colors from "./constants/Colors";
import { GlobalContextProvider, GlobalContext } from "./GlobalContext";
import Constants from "expo-constants";
Sentry.init({
dsn: "https://[email protected]/1797801",
enableInExpoDevelopment: true,
debug: true
});
Sentry.setRelease(Constants.manifest.revisionId);
function getActiveRouteName(navigationState) {
if (!navigationState) {
return null;
}
const route = navigationState.routes[navigationState.index];
// dive into nested navigators
if (route.routes) {
return getActiveRouteName(route);
}
return route.routeName;
}
export default function App(props) {
const [isLoadingComplete, setLoadingComplete] = useState(false);
if (!isLoadingComplete && !props.skipLoadingScreen) {
return (
<AppLoading
startAsync={loadResourcesAsync}
onError={handleLoadingError}
onFinish={() => handleFinishLoading(setLoadingComplete)}
/>
);
} else {
return (
<View style={styles.container}>
{Platform.OS === "ios" && <StatusBar barStyle="default" />}
<AppearanceProvider>
<GlobalContextProvider>
<GlobalContext.Consumer>
{context => {
return (
<AppNavigator
onNavigationStateChange={(
prevState,
currentState,
action
) => {
const currentRouteName = getActiveRouteName(currentState);
const previousRouteName = getActiveRouteName(prevState);
if (previousRouteName !== currentRouteName) {
Amplitude.logEvent("Navigate_" + currentRouteName);
}
}}
/>
);
}}
</GlobalContext.Consumer>
</GlobalContextProvider>
</AppearanceProvider>
</View>
);
}
}
async function loadResourcesAsync() {
await Promise.all([
Asset.loadAsync([
require("./assets/images/robot-dev.png"),
require("./assets/images/robot-prod.png")
]),
Font.loadAsync({
// This is the font that we are using for our tab bar
...Ionicons.font
// We include SpaceMono because we use it in HomeScreen.js. Feel free to
// remove this if you are not using it in your app
// 'space-mono': require('./assets/fonts/SpaceMono-Regular.ttf')
})
]);
}
function handleLoadingError(error: Error) {
// In this case, you might want to report the error to your error reporting
// service, for example Sentry
console.warn(error);
}
function handleFinishLoading(setLoadingComplete) {
setLoadingComplete(true);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: Colors.white
}
});