Nurmuhammet Allanov
f519052b7b
- Added new dependencies: expo-file-system and expo-sharing. - Updated package versions for @babel/core and react-dom. - Introduced a new index screen for displaying prayer times with city selection. - Refactored ServicesGrid to accept a dynamic services array and improved layout. - Updated localization for new phrases and service titles in Turkmen. - Enhanced LostKeyModal with a close button and additional text. - Improved PhrasebookModal to allow expandable phrases for better user interaction.
62 lines
1.7 KiB
TypeScript
62 lines
1.7 KiB
TypeScript
import FontAwesome from '@expo/vector-icons/FontAwesome';
|
|
import { Tabs } from 'expo-router';
|
|
import { useColorScheme, View } from 'react-native';
|
|
|
|
import Colors from '@/constants/Colors';
|
|
import i18n from '@/i18n';
|
|
|
|
/**
|
|
* You can explore the built-in icon families and icons on the web at https://icons.expo.fyi/
|
|
*/
|
|
function TabBarIcon(props: {
|
|
name: React.ComponentProps<typeof FontAwesome>['name'];
|
|
color: string;
|
|
}) {
|
|
return <FontAwesome size={28} style={{ marginBottom: -3 }} {...props} />;
|
|
}
|
|
|
|
export default function TabLayout() {
|
|
const colorScheme = 'dark'; // Force dark mode
|
|
|
|
return (
|
|
<Tabs
|
|
screenOptions={{
|
|
tabBarActiveTintColor: Colors[colorScheme].tint,
|
|
tabBarStyle: {
|
|
backgroundColor: Colors[colorScheme].secondary,
|
|
borderTopColor: Colors[colorScheme].secondary,
|
|
},
|
|
headerShown: false, // hide header globally for tabs
|
|
}}>
|
|
<Tabs.Screen
|
|
name="home"
|
|
options={{
|
|
title: i18n.t('home'),
|
|
tabBarIcon: ({ color }) => <TabBarIcon name="home" color={color} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="services"
|
|
options={{
|
|
title: i18n.t('services'),
|
|
tabBarIcon: ({ color }) => <TabBarIcon name="th-large" color={color} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="index"
|
|
options={{
|
|
title: i18n.t('menuSalah'),
|
|
tabBarIcon: ({ color }) => <TabBarIcon name="moon-o" color={color} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="programs"
|
|
options={{
|
|
title: i18n.t('Programs'),
|
|
tabBarIcon: ({ color }) => <TabBarIcon name="calendar" color={color} />,
|
|
}}
|
|
/>
|
|
</Tabs>
|
|
);
|
|
}
|