Значки реагировать-родной-маршрутизатор-поток не будет отображаться на вкладке

Question

Я использую пакет Reaction-native-router-flux для своего собственного приложения, заменил реагирующую навигацию на этот.

, однако, кажется, что значки не отображаются. (с реагирующей навигацией это работало, и там были значки)

прикрепил мой код:

    import React from 'react';
import { Router, Scene } from 'react-native-router-flux';
import Icon from '@expo/vector-icons/FontAwesome';

import HomeScreen from '../screens/HomeScreen';
import DealsScreen from '../screens/DealsScreen';

const AppNavigation = () => {
  return (
    <Router>
      <Scene key="root">
        {/* Tab Container */}
        <Scene
          key="tabbar"
          tabs={true}
          tabBarStyle={{ backgroundColor: '#000000' }}
          showLabel={false}
          tabBarPosition="bottom"
          hideNavBar={true}
          activeTintColor="#FFC920"
        >
          {/* Tab and it's scenes: */}
          <Scene key="home"
            component={HomeScreen}
            title="Home"
            initial={true}
            activeTintColor="#FFC920"
            icon={<Icon name="home" style={{ width: 30, height: 30 }} size={30} color="#FFFFFF"/>}
          />
          <Scene key="deals"
            component={DealsScreen}
            title="Deals"
            activeTintColor="#FFC920"
            icon={<Icon name="tachometer" style={{ width: 30, height: 30 }} size={30} color="#FFFFFF"/>}
          />
        </Scene>
        {/* End of: Tab Container */}
      </Scene>
    </Router>
  );
}

export default AppNavigation;