maartenvr98/Kliko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Basic setup of screens. No connection with backend

Browse source
This commit is contained in:
Maarten 2024-07-31 16:38:56 +02:00
parent 8e0a267423
commit e49de778c3
17 changed files with 9977 additions and 237 deletions
Download patch file Download diff file Expand all files Collapse all files

28
app/(tabs)/_layout.tsx
View file

@ -12,14 +12,29 @@ export default function TabLayout() {
<Tabs
screenOptions={{
tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
tabBarShowLabel: false,
headerShown: false,
tabBarStyle: {
paddingTop: 20,
paddingBottom: 50,
borderTopColor: '#f2f2f2',
}
}}>
<Tabs.Screen
name="index"
options={{
title: 'Home',
tabBarIcon: ({ color, focused }) => (
<TabBarIcon name={focused ? 'home' : 'home-outline'} color={color} />
<TabBarIcon name={focused ? 'calendar' : 'calendar-outline'} color={color} />
),
}}
/>
<Tabs.Screen
name="map"
options={{
title: 'Map',
tabBarIcon: ({ color, focused }) => (
<TabBarIcon name={focused ? 'map' : 'map-outline'} color={color} />
),
}}
/>
@ -28,7 +43,16 @@ export default function TabLayout() {
options={{
title: 'Explore',
tabBarIcon: ({ color, focused }) => (
<TabBarIcon name={focused ? 'code-slash' : 'code-slash-outline'} color={color} />
<TabBarIcon name={focused ? 'trash' : 'trash-outline'} color={color} />
),
}}
/>
<Tabs.Screen
name="settings"
options={{
title: 'Settings',
tabBarIcon: ({ color, focused }) => (
<TabBarIcon name={focused ? 'settings' : 'settings-outline'} color={color} />
),
}}
/>