反应导航6-图标没有出现在tabNavigator上

Question

我正在使用ReactiveNavigation6createBottomTabNavigator，并试图向tabBarIcon提供图标，但屏幕显示为空白。如果我没有提供任何图标，那么下面是一个带有十字的盒子是我的代码。

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-bitcoin" />;
          },
        }}
        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>
  );
};

export default TabNavigator;

附注：-我尝试过在我的android/app/build.gradle中加入应用程序："../../node_modules/react-native-vector-icons/fonts.gradle“

Answer 1

你错过了"tabBarIcon“的回归

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

或不退货

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