RN navigation 中的tabar在Android中背景顯示成藍色
阿新 • • 發佈:2018-11-29
使用TabNavigator
的時候,在iOS上顯示正常,但是在Android中顯示的有問題,如下圖,背景成了藍色了。
經過檢視官網文件。明白了少寫了一個屬性。tabBarComponent:TabBarBottom,
字面理解就是tabbar
元件,注意這是一個元件,需要匯入,但是iOS中少了也沒關係,可能是為了適配Android。
import {
StackNavigator,
TabNavigator,
TabBarBottom,
} from 'react-navigation';
//設定tabbar
{
tabBarOptions: {
activeTintColor: '#3DCCCA' ,
backgroundColor: 'white',
showIcon: 'true',
style:{
fontSize:12
}
},
tabBarPosition:'bottom',
swipeEnabled:false,
tabBarComponent:TabBarBottom,
}