import 'react-native-gesture-handler' ; import React , { useEffect } from 'react' ; import { View , StatusBar } from 'react-native' ; import { NavigationContainer } from '@react-navigation/native' ; import SplashScreen from 'react-native-splash-screen' ; import AppProvider from './hooks' ; import Routes from './routes' ; const App = ( ) => { useEffect ( ( ) => { SplashScreen . hide ( ) ; } , [ ] ) ; return ( < NavigationContainer > < StatusBar barStyle = 'light-content' backgroundColor = '#262626' translucent / > < AppProvider > < View style = { { flex : 1 , backgroundColor : '#262626' } } > < Routes /> < /View> < /AppProvider> < /NavigationContainer>); } ; export default App ;