-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.tsx
38 lines (33 loc) · 1 KB
/
App.tsx
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
import { useColorScheme } from 'react-native'
import { NativeBaseProvider, StatusBar } from 'native-base'
import {
useFonts,
Roboto_400Regular,
Roboto_500Medium,
Roboto_700Bold,
} from '@expo-google-fonts/roboto'
import { Routes } from './src/routes'
import { Loading } from './src/components/Loading'
import { THEME } from './src/styles/theme'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
export default function App() {
const queryClient = new QueryClient()
const colorScheme = useColorScheme()
const [fontsLoaded] = useFonts({
Roboto_400Regular,
Roboto_500Medium,
Roboto_700Bold,
})
return (
<QueryClientProvider client={queryClient}>
<NativeBaseProvider theme={THEME}>
<StatusBar
barStyle={colorScheme === 'dark' ? 'light-content' : 'dark-content'}
backgroundColor='transparent'
translucent
/>
{fontsLoaded ? <Routes /> : <Loading />}
</NativeBaseProvider>
</QueryClientProvider>
)
}