37 lines
1.4 KiB
TypeScript
37 lines
1.4 KiB
TypeScript
import React 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 CustomTabBar from '../components/CustomTabBar';
|
|
|
|
// Create a bottom tab navigator
|
|
const Tab = createBottomTabNavigator();
|
|
// Define custom props for CustomTabBar
|
|
interface AppNavigatorProps {
|
|
clearScanData: () => void;
|
|
}
|
|
|
|
// Main navigation component
|
|
const AppNavigator = ({ clearScanData }: AppNavigatorProps) => {
|
|
const renderCustomTabBar = (props) => <CustomTabBar {...props} clearScanData={clearScanData} />;
|
|
|
|
return (
|
|
// Wrap the navigator in a NavigationContainer to manage the navigation tree
|
|
<NavigationContainer>
|
|
|
|
{/* Define the tab navigator with custom tab bar and initial route */}
|
|
<Tab.Navigator initialRouteName="QR Scanner" tabBar={renderCustomTabBar}>
|
|
|
|
{/* Define each tab with a name and corresponding component */}
|
|
<Tab.Screen name="History" component={HistoryScreen} />
|
|
<Tab.Screen name="QR Scanner" component={QRScannerScreen} />
|
|
<Tab.Screen name="Settings" component={SettingsScreen} />
|
|
</Tab.Navigator>
|
|
</NavigationContainer>
|
|
);
|
|
};
|
|
|
|
export default AppNavigator;
|