Groceries done

App.js

@@ -1,5 +1,6 @@
 import React from 'react';
 // import 'bootstrap/dist/css/bootstrap.min.css';
+import { useFonts } from 'expo-font';
 
 import App from './src/App';
 
@@ -21,17 +22,26 @@ fetchAll()
 
 
 export default function Index() {
-	return (
-		<View style={styles.container}>
-			<Provider store={store}>
-				<ThemeProvider theme={Theme}>
-					{/* <GlobalStyle /> */}
-					<App />
-					<StatusBar style="auto" />
-				</ThemeProvider>
-			</Provider>
-		</View>
-	);
+	let [fontsLoaded] = useFonts({
+		'sansation_light': require('./assets/fonts/sansation_light.ttf'),
+		'sansation_regular': require('./assets/fonts/sansation_regular.ttf'),
+	});
+	if (!fontsLoaded) {
+		return <View/>;
+	}
+	else {
+		return (
+			<View style={styles.container}>
+				<Provider store={store}>
+					<ThemeProvider theme={Theme}>
+						{/* <GlobalStyle /> */}
+						<App />
+						<StatusBar style="auto" />
+					</ThemeProvider>
+				</Provider>
+			</View>
+		);
+	}
 }
 
 const styles = StyleSheet.create({