我正在为我的一个项目使用来自 React Navigation 的 createMaterialBottomTabNavigator。如果我将 tabBarIcon 和 tabBarLabel 一起使用,则图标与文本重叠。需要帮助来解决问题。这是我尝试过的 -
const MainNavigator = createMaterialBottomTabNavigator({
Offers: {
screen: OffersNavigator,
navigationOptions:{
tabBarIcon: (
{focused}) => {
return <IconButton icon="tag" style={{marginBottom: 5}} color={focused ? '#2E98FF' : '#000'} size={20}/>
},
tabBarLabel: 'Offers',
},
},
Search: SearchNavigator,
Settings: SettingsNavigator,
});