45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import React from 'react';
|
||
import { NavigationContainer } from '@react-navigation/native';
|
||
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
|
||
import { Text } from 'react-native';
|
||
|
||
// Screens
|
||
import { DashboardScreen } from '../modules/dashboard/screens/DashboardScreen';
|
||
import { ProfileScreen } from '../modules/profile/screens/ProfileScreen';
|
||
|
||
const Tab = createBottomTabNavigator();
|
||
|
||
/**
|
||
* Root Navigation mit Bottom Tabs
|
||
*/
|
||
export const RootNavigation = () => {
|
||
return (
|
||
<NavigationContainer>
|
||
<Tab.Navigator
|
||
screenOptions={{
|
||
headerShown: false,
|
||
tabBarActiveTintColor: '#007AFF',
|
||
tabBarInactiveTintColor: '#8E8E93',
|
||
}}
|
||
>
|
||
<Tab.Screen
|
||
name="Contracts"
|
||
component={DashboardScreen}
|
||
options={{
|
||
tabBarLabel: 'Verträge',
|
||
tabBarIcon: ({ color }) => <Text style={{ fontSize: 28 }}>📄</Text>,
|
||
}}
|
||
/>
|
||
<Tab.Screen
|
||
name="Profile"
|
||
component={ProfileScreen}
|
||
options={{
|
||
tabBarLabel: 'Profil',
|
||
tabBarIcon: ({ color }) => <Text style={{ fontSize: 28 }}>⚙️</Text>,
|
||
}}
|
||
/>
|
||
</Tab.Navigator>
|
||
</NavigationContainer>
|
||
);
|
||
};
|