react-navigation custom tab component hide label

Question

I've been working on a custom tab button that shows a 'plus' button in the center of the bottom tab navigator, however, the label text still shows underneath my custom tab button, I tried to remove it by doing this:

const tabBarOptions = ({navigation}) => ({
  tabBarOptions: {
    showLabel: () => {
      const { routeName } = navigation.state
      if (routeName === 'Create') return false
    }
  }
})

However, it seems like tabBarOptions does not accept a function that returns an object. Do you guys have any config option available to turn off label for one specific tab component? if it's custom component.