Есть ли способ отобразить значок вместо метки для React-native MaterialBottomTabNavigator

Question

Моя цель состоит в том, чтобы вместо текстовых меток было несколько меток значков для нижней панели навигации материала в реагирующем. В настоящее время я могу получить только текстовые метки по умолчанию.

Вот мой контейнер навигации, прежде чем я попытаюсь добавить значки:

<NavigationContainer>
    <Tab.Navigator
      initialRouteName="Today"
      activeColor="white"
      inactiveColor="grey"
      barStyle={styles.tabBar}
      shifting={false}
      labeled={true}
    >
      <Tab.Screen
        name="Today"
        component={TodayScene}
        options={{
          tabBarLabel: 'Home',
          tabBarIcon: ({ color }) => (
            <MaterialCommunityIcons name="home" color={color} size={26} />
          ),
        }}
      />
      <Tab.Screen name="Schedule" component={ScheduleScene} />
    </Tab.Navigator>
  </NavigationContainer >

У меня есть доступ к "MaterialCommunityIcons", но я не знаю, как их отобразить. Я попробовал следующее для экрана вкладки «Сегодня». Это то, что я позже написал, чтобы добавить иконку:

    <Tab.Screen
        name="Today"
        component={TodayScene}
        options={{
          tabBarLabel: 'Home',
          tabBarIcon: ({ color }) => (
            <MaterialCommunityIcons name="home" color={color} size={26} />
          ),
        }}
      />

То, что я добавил в «настройках», было почти идентично формату, показанному на официальном сайте реакции-навигации:

https://reactnavigation.org/docs/material-bottom-tab-navigator/#api -определение

Тем не менее, он не будет работать должным образом. Я получаю эту ошибку:

"Нарушение инварианта: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: undefined."

Итак, кто-нибудь знает, как я могу добавить значки в нижнюю панель навигации материала в реагирующем роде?