React native tab bar icon with title

TabIcon.js

const TabIcon = ({ selected, title, icon }) => {
  const selectColor = selected ? AppColors.tabbar.iconSelected : AppColors.tabbar.iconDefault;
  return (
    <View>
      <Icon
        name={icon}
        size={26}
        color={selectColor}
      />
      <Text>{title}</Text>
    </View>
  );
}

<Scene
  key={'map'}
  {...navbarPropsTabs}
  title={'Map'}
  icon={props => TabIcon({ ...props, icon: 'location-on', title: 'Map' })}
  analyticsDesc={'Map'}
/>