Dita Aji Pratama
f0b2cf9f7e
- Setup tabs with FinanceTracker theme - Add two tabs: Keuangan and Statistik - Custom tab bar styling
34 lines
880 B
TypeScript
34 lines
880 B
TypeScript
import { Tabs } from 'expo-router';
|
|
import React from 'react';
|
|
|
|
import { IconSymbol } from '@/components/ui/icon-symbol';
|
|
import { COLORS } from '@/constants/theme';
|
|
|
|
export default function TabLayout() {
|
|
return (
|
|
<Tabs
|
|
screenOptions={{
|
|
tabBarActiveTintColor: COLORS.primary,
|
|
headerShown: false,
|
|
tabBarStyle: {
|
|
backgroundColor: COLORS.card,
|
|
borderTopColor: COLORS.border,
|
|
},
|
|
}}>
|
|
<Tabs.Screen
|
|
name="index"
|
|
options={{
|
|
title: 'Keuangan',
|
|
tabBarIcon: ({ color }) => <IconSymbol size={28} name="house.fill" color={color} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="explore"
|
|
options={{
|
|
title: 'Statistik',
|
|
tabBarIcon: ({ color }) => <IconSymbol size={28} name="chart.bar.fill" color={color} />,
|
|
}}
|
|
/>
|
|
</Tabs>
|
|
);
|
|
} |