React native 图标未显示在底部选项卡导航器中

创建底部选项卡导航器，由于某些原因，图标不会显示。当我在底部选项卡导航器之外使用它时，图标会显示出来。我查看了许多堆栈溢出解决方案，并实现了所有这些解决方案，但由于某些原因，它仍然不起作用

const tabNavigator = createBottomTabNavigator(
  {
  Home: {
    screen: EventNavigator, 
  defaultNavigationOptions: {
    tabBarLabel: 'Home',
    tabBarIcon : ({tintColor}) => (
      <Ionicons name='ios-home' size={30} color={tintColor}/>
    )
  },
},
  Categories: {
    screen: CategoryNavigator,
  defaultNavigationOptions: {
    tabBarLabel: 'Categories',
    tabBarIcon: ({tintColor}) => (
      <Ionicons name='ios-search' size={30} color={tintColor} />
    )
  },
  },
  Favourite: {
    screen: FavouriteNavigator,
    defaultNavigationOptions: {
      tabBarLabel: 'Favourite',
      tabBarIcon: ({tintColor}) => (
        <Ionicons name='ios-heart' size={30} color={tintColor}/>
      ),
    }
  },
},
{
  order: ['Home', 'Categories', 'Favourite'],
  tabBarOptions: {
    showIcon: true,
    activeTintColor: "#00ACF0",
    inactiveTintColor: 'gray',
    style: {
      backgroundColor: '#fff'
    },
  }
}
)

const tabNavigator=createBottomTabNavigator(
{
主页：{
屏幕：EventNavigator，
默认导航选项：{
tabBarLabel:“主页”，
tabBarIcon:（{tintColor}）=>(
)
},
},
类别：{
屏幕：CategoryNavigator，
默认导航选项：{
tabBarLabel:“类别”，
tabBarIcon:（{tintColor}）=>(
)
},
},
喜爱的：{
屏幕：FavoriteNavigator，
默认导航选项：{
tabBarLabel:“收藏夹”，
tabBarIcon:（{tintColor}）=>(
),
}
},
},
{
订单：[“主页”、“类别”、“收藏夹”]，
选项卡选项：{
showIcon：没错，
activeTintColor:#00ACF0“，
颜色：“灰色”，
风格：{
背景颜色：“#fff”
},
}
}
)

这是因为您将它们放在

defaultNavigationOptions

中，将其更改为

navigationOptions

。例如在家里：

Home: {
    screen: EventNavigator, 
    navigationOptions: {
        tabBarLabel: 'Home',
        tabBarIcon : ({tintColor}) => (
            <Ionicons name='ios-home' size={30} color={tintColor}/>
        )
}

主页：{
屏幕：EventNavigator，
导航选项：{
tabBarLabel:“主页”，
tabBarIcon:（{tintColor}）=>(
)
}

Ios图标仅在Ios设备中可见，如果使用android设备，请使用此代码成功运行两台设备：）

tabBarIcon:（{navigation}）=>（）