@faroosm/react-native-custom-tabs/dist/index.js

Custom react-native tabs developed using expo

import React from 'react';
import { Tabs } from 'expo-router';
import { Ionicons } from '@expo/vector-icons';
import { useColorScheme } from 'react-native';
export const CustomTabs = ({ routes }) => {
    const theme = useColorScheme();
    return (React.createElement(Tabs, { screenOptions: ({ route }) => ({
            headerShown: false,
            tabBarIcon: ({ color, size }) => {
                var _a;
                const iconName = ((_a = routes.find((r) => r.name === route.name)) === null || _a === void 0 ? void 0 : _a.icon) || 'apps';
                return React.createElement(Ionicons, { name: iconName, size: size, color: color });
            },
            tabBarActiveTintColor: theme === 'dark' ? 'blue' : 'black',
        }) }, routes.map((route) => {
        var _a;
        return (React.createElement(Tabs.Screen, { name: route.name, options: { title: (_a = route.title) !== null && _a !== void 0 ? _a : route.name } }));
    })));
};