Javascript 在带有React Native的选项卡栏中使用FontAwesome

我不熟悉react native，正在尝试使用CreateBoottomTabNavigator创建一个选项卡栏。我想每个标签都有自己的图标

我遵循了下面的教程，它使用FontAwesome显示选项卡图标

当我在iso模拟器中运行我的应用程序时，选项卡会显示，但图标不会

这是我的密码

从“反应导航堆栈”导入{createStackNavigator}；
从“react navigation”导入{createAppContainer}；
从“反应导航选项卡”导入{CreateBoottomTabNavigator}；
从“react native vector icons/FontAwesome5”导入图标；
从“./主屏幕”导入主屏幕；
从“/second”导入SecondActivity；
const TabNavigator=createBottomTabNavigator({
主屏幕：{屏幕：主屏幕，
默认导航选项：{
tabBarIcon:（{tintColor}）=>
}
},
事件：{屏幕：第二个活动，
默认导航选项：{
tabBarIcon:（{tintColor}）=>
}
}
}
);
const MyStack=createStackNavigator（{
选项卡：{
屏幕：选项卡导航器
}, 
主页：{
屏幕：主屏幕
},
活动：{
屏幕：第二个活动
}
},
{
initialRouteName:“制表符”，
}
);
导出默认createAppContainer（MyStack）我为您提供了一个解决方案，它与您在那里所做的有点不同。。所以

const config = Platform.select({
  web: { headerMode: "screen" },
  default: {}
})


const HomeStack = createStackNavigator(
  {
    Home: HomeScreen
  },
  config
)

HomeStack.navigationOptions = {
  tabBarIcon: ({ focused }) => (
    <TabBarIcon
      focused={focused}
      name={Platform.OS === "ios" ? "ios-calendar" : "md-calendar"}
    />
  )
}

HomeStack.path = ""


//如果使用expo或
//否则，对本机矢量图标/离子图标作出反应。
从“反应本机向量图标/离子图标”导入离子图标；
从“react navigation”导入{createAppContainer}；
从“反应导航选项卡”导入{CreateBoottomTabNavigator}；
导出默认CreateBoottomTabNavigator(
{
主页：主屏幕，
设置：设置屏幕，
},
{
defaultNavigationOptions:（{navigation}）=>({
tabBarIcon:（{聚焦、水平、着色}）=>{
const{routeName}=navigation.state；
让IconComponent=Ionicons；
让我来；
如果（routeName==='Home'）{
iconName=聚焦
？ios信息圈
：“ios信息圈大纲”；
//有时我们想在一些图标上添加徽章。
//您可以检查下面的实现。
IconComponent=HomeIconWithBadge；
}else if（routeName==='Settings'）{
iconName=focused？“ios列表框”：“ios列表”；
}
//您可以在这里返回您喜欢的任何组件！
返回；
},
}),
选项卡选项：{
activeTintColor:‘番茄’，
颜色：“灰色”，
},
}
);这段代码导致了一个错误，“找不到变量：配置”很遗憾，我仍然没有图标，我想你还没有完全理解我的问题
const tabNavigator = createBottomTabNavigator(
  {
    HomeStack,
  }, 
  {
    activeColor: '#000'
  }