App.tsx

import { NativeBaseProvider, StatusBar } from 'native-base';
import {
    useFonts,
    Roboto_400Regular,
    Roboto_700Bold,
} from '@expo-google-fonts/roboto';

import { THEME } from './src/styles/theme';

import { Routes } from './src/routes';
import { Loading } from './src/components/Loading';
import { AuthProvider } from './src/context/authContext';

export default function App() {
    const [fontsLoaded] = useFonts({ Roboto_400Regular, Roboto_700Bold });

    return (
        <NativeBaseProvider theme={THEME}>
            <StatusBar
                barStyle="light-content"
                backgroundColor="transparent"
                translucent
            />
            <AuthProvider>
                {fontsLoaded ? <Routes /> : <Loading />}
            </AuthProvider>
        </NativeBaseProvider>
    );
}