react native的Material Top Tab Navigator上的Ride图标

Question

我有以下代码，在加载时不会生成图标-但也不会失败。我正在寻找的是将菜单名称更改为图标。

import { createAppContainer,createMaterialTopTabNavigator } from 'react-navigation';
import Buscar from './Buscar';
import Menu from './Menu';
import Principal from './Principal';
import Icon from 'react-native-vector-icons/Ionicons'

const TabPrincipal=createMaterialTopTabNavigator({
    Principal:{
        screen:Principal,
    },  
    Menu:{
        screen:Menu,
        navigationOptions:{
            tabBarIcon: ({ focused, tintcolor }) => (
              <Icon name="ios-mail" size={24}  />
            )
          }
    },

},);

export default createAppContainer(TabPrincipal);  

菜单选项为createDrawerNavigator。我正在寻找的是将菜单名称更改为图标，但是，我不知道它的正确性。