34 lines
1.3 KiB
TypeScript
34 lines
1.3 KiB
TypeScript
import { NavigationContainer, NavigationContainerRef, ParamListBase } from '@react-navigation/native';
|
|
import React from 'react';
|
|
import { useColorScheme } from 'react-native';
|
|
import { SafeAreaProvider } from 'react-native-safe-area-context';
|
|
import { SizeClassProvider } from './components/Context/SizeClassProvider';
|
|
import { SettingsProvider } from './components/Context/SettingsProvider';
|
|
import { BlueDarkTheme, BlueDefaultTheme } from './components/themes';
|
|
import MasterView from './navigation/MasterView';
|
|
import { navigationRef } from './NavigationService';
|
|
import { useLogger } from '@react-navigation/devtools';
|
|
import { StorageProvider } from './components/Context/StorageProvider';
|
|
|
|
const App = () => {
|
|
const colorScheme = useColorScheme();
|
|
|
|
useLogger(navigationRef as unknown as React.RefObject<NavigationContainerRef<ParamListBase>>);
|
|
|
|
return (
|
|
<SizeClassProvider>
|
|
<NavigationContainer ref={navigationRef} theme={colorScheme === 'dark' ? BlueDarkTheme : BlueDefaultTheme}>
|
|
<SafeAreaProvider>
|
|
<StorageProvider>
|
|
<SettingsProvider>
|
|
<MasterView />
|
|
</SettingsProvider>
|
|
</StorageProvider>
|
|
</SafeAreaProvider>
|
|
</NavigationContainer>
|
|
</SizeClassProvider>
|
|
);
|
|
};
|
|
|
|
export default App;
|