Значки вкладок не отображаются

Question

Я настраиваю навигатор по вкладкам, и значки моих вкладок по какой-то причине не отображаются. Это просто отрывок от другого мобильного приложения Tab Navigation, которое, кажется, работает. Пакет (казалось бы) был загружен правильно с CocoaPods

Я использую React Native .60+, React Navigation v4 и реагирую на собственные векторные иконки (ионы).

Help!

const TabNavigator = createBottomTabNavigator(
  {
    Routine: RoutineStack,
    Habits: HabitsStack,
    Settings: SettingsStack,
  },
  {
    initialRouteName: 'Routine',
  },
  {
    defaultNavigationOptions: ({ navigation }) => ({
      tabBarIcon: ({ focused, tintColor }) => {
        const { routeName } = navigation.state;
        let IconComponent = Ionicons;
        let iconName;

        if (routeName === 'Routine') {
          (Platform.OS === 'android' ? iconName = 'md-menu' : iconName = 'ios-menu');
        }
        else if (routeName === 'Habits') {
          (Platform.OS === 'android' ? iconName = 'md-stats' : iconName = 'ios-stats');
        }
        else if (routeName === 'Settings') {
          (Platform.OS === 'android' ? iconName = 'md-settings' : iconName = 'ios-settings');
        }
        return <IconComponent name={iconName} size={25} color={tintColor} />;
      },
    }),
    tabBarOptions: {
      activeTintColor: 'rgb(86, 177, 121)',
      inactiveTintColor: 'gray',
    },
  }
);