Tab navigator icons in React Navigation

You can also simply add it with the help of Tab.Screen

First Import the icon from expo

import { Ionicons } from '@expo/vector-icons';

or choose any icons from here: https://icons.expo.fyi/

Then use it like this

<Tab.Screen
    name="Feed"
    component={Feed}
    options={{
      tabBarLabel: 'Home',
      tabBarIcon: ({ color, size }) => (
        <Ionicons name="home" color={color} size={size} />
      ),
    }}
  />

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)