图标未显示在react-navigation v5中

Question

我正在标签导航上寻找名称旁边的图标，但我收到此错误：

我不使用expo，然后通过这种方式导入：

import { Ionicons } from 'react-native-vector-icons/Ionicons';

和：

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

这是主要代码：

const MainTab=()=>{

  const Tab = createBottomTabNavigator();

  return(

<Tab.Navigator

screenOptions={({route})=>({
 tabBarIcon:({color, size})=>{
  let iconName;

  if (route.name=='Home') {

    iconName='ios-home'

  }else if(route.name=='Settings'){

  iconName='logo-settings'
 }

 return <Ionicons name={iconName} size={size} color={color} />
 }
})}
>


<Tab.Screen name="Home" component={Home} />

<Tab.Screen name="Settings" component={SecondPage} />


</Tab.Navigator>

  )}

我犯了哪部分错误？

Answer 1

您的陈述中

import { Ionicons } from 'react-native-vector-icons/Ionicons';

您正在使用大括号从其默认导出中提取离子，但它是默认导出，因此很简单：

import Ionicons from 'react-native-vector-icons/Ionicons';