我正在使用我的项目之一的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,
});
最佳答案
保证金图标是这样的。它将完美运行。<IconButton icon="tag" style={{marginTop: -3}} color={focused ? '#2E98FF' : '#000'} size={20}/>
关于css - react-navigation-material-bottom-tabs中的tabBarLabel和Icon对齐问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/58741700/