App.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow strict-local
 */

import React from 'react';
import {
  Text,
  HStack,
  Switch,
  useColorMode,
  NativeBaseProvider,
  StatusBar,
} from 'native-base';
import AppNavContainer from './src/navigations';

// Color Switch Component
function ToggleDarkMode() {
  const { colorMode, toggleColorMode } = useColorMode();
  return (
    <HStack space={2} alignItems="center">
      <Text>Dark</Text>
      <Switch
        isChecked={colorMode === 'light'}
        onToggle={toggleColorMode}
        aria-label={
          colorMode === 'light' ? 'switch to dark mode' : 'switch to light mode'
        }
      />
      <Text>Light</Text>
    </HStack>
  );
}

const App = () => {
  return (
    <NativeBaseProvider>
      <StatusBar translucent backgroundColor="transparent" />
      {/* <Center
        _dark={{ bg: 'blueGray.900' }}
        _light={{ bg: 'blueGray.50' }}
        px={4}
        flex={1}>
        <VStack space={5} alignItems="center"> */}
      <AppNavContainer />
      {/* </VStack>
      </Center> */}
    </NativeBaseProvider>
  );
};
export default App;