Ícones não aparecem no tabNavigator do React Navigation 6

Desenvolvimento de Aplicativos
#1

Estou usando o React Navigation 6 createBottomTabNavigator e tentando fornecer Icon para tabBarIcon, mas a tela está em branco. e se eu não fornecer nenhum ícone, uma caixa com uma cruz está chegando. Abaixo o meu código:

import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import Home from '../screens/app/home';
import Login from '../screens/auth/login';
import {Icon} from 'react-native-elements';
import Ionicons from 'react-native-vector-icons/Ionicons';

const Tab = createBottomTabNavigator();

const TabNavigator = () => {
  return (
    <Tab.Navigator
      screenOptions={{
        tabBarShowLabel: false,
        tabBarStyle: {backgroundColor: 'cyan'},
      }}>
      <Tab.Screen
        options={{
          tabBarIcon: ({color, size}) => {
            <Ionicons name="logo" />;
          },
        }}
        name="Home"
        component={Home}
      />
      <Tab.Screen
        options={{
          tabBarIcon: ({color, size}) => {
            <Icon
              type="font-awesome-5"
              name="coins"
              color={color}
              size={size}
            />;
          },
        }}
        name="Login"
        component={Login}
      />
      <Tab.Screen name="Login2" component={Login} />
    </Tab.Navigator>
  );
};

Eu já tentei incluir ../../node_modules/react-native-vector-icons/fonts.gradle no meu android/app/build.gradle.

#2

Você esqueceu de usar o return no tabBarIcon

tabBarIcon: ({color, size}) => {
            return <Ionicons name="logo-bitcoin" />;
          },

ou, para fazer o código sem return

tabBarIcon: ({color, size}) => <Ionicons name="logo-bitcoin" />

Isso deve resolver o problema dos ícones não aparecerem do React Navigation 6