re-init amplify

App.tsx

@@ -1,16 +1,12 @@
 import React, { useState } from 'react';
-import { NavigationContainer } from '@react-navigation/native';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-import QRScannerScreen from './screens/QRScannerScreen';
-import HistoryScreen from './screens/HistoryScreen';
-import SettingsScreen from './screens/SettingsScreen';
-import { QRCodeContext } from './types';
-import CustomTabBar from './components/CustomTabBar';
+import { QRCode, QRCodeContext } from './types';
+import AppNavigator from './navigation/AppNavigator';
 
 const Tab = createBottomTabNavigator();
 
 const App: React.FC = () => {
-  const [qrCodes, setQrCodes] = useState<{ data: string, bookmarked: boolean, scanResult: { secureConnection: boolean, virusTotalCheck: boolean, redirects: number } }[]>([]);
+  const [qrCodes, setQrCodes] = useState<QRCode[]>([]);
   const [scannedData, setScannedData] = useState<string>('');
 
   const clearScanData = () => {
@@ -19,20 +15,7 @@ const App: React.FC = () => {
 
   return (
     <QRCodeContext.Provider value={{ qrCodes, setQrCodes }}>
-      <NavigationContainer>
-        <Tab.Navigator
-          initialRouteName="QRScanner"
-          tabBar={props => <CustomTabBar {...props} clearScanData={clearScanData} />}
-        >
-          <Tab.Screen name="History" component={HistoryScreen} />
-          <Tab.Screen name="QRScanner">
-            {(props) => <QRScannerScreen clearScanData={function (): void {
-              throw new Error('Function not implemented.');
-            } } {...props} />}
-          </Tab.Screen>
-          <Tab.Screen name="Settings" component={SettingsScreen} />
-        </Tab.Navigator>
-      </NavigationContainer>
+      <AppNavigator clearScanData={clearScanData}/>
     </QRCodeContext.Provider>
   );
 };