App.tsx

import React from "react";
import { View, Text } from 'react-native';
import { StatusBar } from 'expo-status-bar';
import * as SplashScreen from 'expo-splash-screen';
import { useFonts, Inter_400Regular, Inter_500Medium } from '@expo-google-fonts/inter';
  
import { theme } from './src/theme';

import { DrawerNavigation } from './src/screen/DrawerNavigation';
import { TabNavigation } from './src/screen/TabNavigation';

export default function App(){
  SplashScreen.preventAutoHideAsync();
  const [fontsLoaded] = useFonts({
    Inter_400Regular,
    Inter_500Medium
  });

  if (!fontsLoaded) {
    return null;
  }

  SplashScreen.hideAsync();

  return (

    <View style={{
      flex: 1,
      backgroundColor: theme.colors.background
    }}>
      <StatusBar 
        style='light'
        backgroundColor='transparent' 
        translucent
      />

      {/* <DrawerNavigation /> */}
      <TabNavigation />
    </View>
  );
}