如何設計TabNavigator選項卡的高度和填充的樣式? Im做以下幾點:TabNavigator額外填充
import Icon from "react-native-vector-icons/MaterialIcons";
const tabNav = TabNavigator({
TabItem1: {
screen: MainScreen,
navigationOptions: {
tabBarLabel:"Home",
tabBarIcon: ({ tintColor }) => <Icon name={"home"} size={20} color={tintColor} />
}
},
TabItem2: {
screen: MainScreen,
navigationOptions: {
tabBarLabel:"Home",
tabBarIcon: ({ tintColor }) => <Icon name={"home"} size={30} color={tintColor} />
}
},
TabItem3: {
screen: MainScreen,
navigationOptions: {
tabBarLabel:"Browse",
tabBarIcon: ({ tintColor }) => <Icon name={"home"} color={tintColor} />
}
}
}, {
tabBarPosition: 'bottom',
tabBarOptions: {
activeTintColor: '#222',
activeBackgroundColor :'yellow', //Doesn't work
showIcon: true,
tabStyle: {
padding: 0, margin:0, //Padding 0 here
},
iconStyle: {
width: 30,
height: 30,
padding:0 //Padding 0 here
},
}
});
如何擺脫圖標和標籤之間填充的?我做了padding:0
iconStyle
和tabStyle
但沒有運氣。我也不想在label
以下填充。我怎麼做?謝謝。
我如何擺脫呢?
這降低了高度,移位的TabBar底部。現在切斷了標籤欄。額外的填充仍然存在。我也試過:'paddingHorizontal:0,paddingVertical:0'但是不起作用。 – Somename