import 'react-native-gesture-handler';
import React, { useState } from 'react';
import { LogBox } from 'react-native';
import Atlas from './src/components/Atlas';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { Asset } from 'expo-asset';
import AppLoading from 'expo-app-loading';
/**
* The root app component.
* @component
*/
const App: React.FC = () => {
LogBox.ignoreAllLogs();
// const [loading, setLoading] = useState(false);
// const _cacheResourcesAsync = async () => {
// const images = [
// require('./assets/logo-white.png'),
// require('./assets/cover-dark.png'),
// require('./assets/cover.jpg'),
// require('./assets/default-pfp.png'),
// require('./assets/pothole.png'),
// require('./assets/roadblock.png'),
// require('./assets/barrier.png'),
// require('./assets/bump.png'),
// require('./assets/information.png'),
// require('./assets/washroom.png'),
// require('./assets/park.png'),
// ];
// const cacheImages = images.map(image => {
// return Asset.fromModule(image).downloadAsync();
// });
// return Promise.all(cacheImages);
// }
// if (loading) {
// return (
// <AppLoading
// // startAsync={_cacheResourcesAsync}
// onFinish={() => setLoading(false)}
// onError={console.warn}
// />
// );
// }
return <Atlas/>
}
export default App;
Source