App.tsx

import React, { useEffect } from 'react';
import { NavigationContainer } from '@react-navigation/native';
import FlashMessage from 'react-native-flash-message';
import MainMenu from './app/components/navigation/MainMenu';
import GlobalContext from './app/context/GlobalContext';
import { TailwindProvider } from 'tailwind-rn';
import utilities from './tailwind.json';

export default function App() {
  useEffect(() => {
    GlobalContext.load();
    
    return () => {
      GlobalContext.unsubscribeAll();
    }
  }, []);

  return (
    <TailwindProvider utilities={utilities}>
      <NavigationContainer>
        <MainMenu />
        <FlashMessage position='top' />
      </NavigationContainer>
    </TailwindProvider>
  );
}