added reset when press Scanbutton to clear dataBox

App.tsx

@@ -1,13 +1,36 @@
 import React, { useState } from 'react';
-import AppNavigator from './navigation/AppNavigator';
+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';
+
+const Tab = createBottomTabNavigator();
 
 const App: React.FC = () => {
   const [qrCodes, setQrCodes] = useState<string[]>([]);
+  const [scannedData, setScannedData] = useState<string>('');
+
+  const clearScanData = () => {
+    setScannedData('');
+  };
 
   return (
     <QRCodeContext.Provider value={{ qrCodes, setQrCodes }}>
-      <AppNavigator />
+      <NavigationContainer>
+        <Tab.Navigator
+          initialRouteName="QRScanner"
+          tabBar={(props) => <CustomTabBar {...props} clearScanData={clearScanData} />}
+        >
+          <Tab.Screen name="History" component={HistoryScreen} />
+          <Tab.Screen name="QRScanner">
+            {(props) => <QRScannerScreen {...props} clearScanData={clearScanData} />}
+          </Tab.Screen>
+          <Tab.Screen name="Settings" component={SettingsScreen} />
+        </Tab.Navigator>
+      </NavigationContainer>
     </QRCodeContext.Provider>
   );
 };