Usage with React Native Vector Icons#

import { createNativeBottomTabNavigator } from '@bottom-tabs/react-navigation';
import Icon from 'react-native-vector-icons/MaterialCommunityIcons';

const homeIcon = Icon.getImageSourceSync('home', 24);
const exploreIcon = Icon.getImageSourceSync('compass', 24);

const Tabs = createNativeBottomTabNavigator();

function NativeBottomTabs() {
  return (
    <Tabs.Navigator ignoresTopSafeArea>
        <Tabs.Screen
          name="Home"
          component={HomeScreen}
          options={{
            tabBarIcon: () => homeIcon,
          }}
        />
        <Tabs.Screen
          name="Explore"
          component={ExploreScreen}
          options={{
            tabBarIcon: () => exploreIcon,
          }}
        />
    </Tabs.Navigator>
  );
}