//
const Tabs = TabNavigator({
NewsList: {
screen: NewsList,
navigationOptions: { // static navigationOptions
tabBarLabel: "",
tabBarIcon: ({tintColor}) => (<Icon name="ios-home" size={26}/>),
}
},
AddressBook: {
screen: AddressBook,
navigationOptions: {
tabBarLabel: "",
tabBarIcon: ({tintColor}) => (<Icon name="md-git-network" size={26}/>),
}
},
GovernmentAffairs: {
screen: GovernmentAffairs,
navigationOptions: {
tabBarLabel: "",
tabBarIcon: ({tintColor}) => (<Icon name="ios-apps" size={26}/>),
}
},
Life: {
screen: Life,
navigationOptions: {
tabBarLabel: "",
tabBarIcon: ({tintColor}) => (<Icon name="md-basket" size={26}/>),
}
},
Main: {
screen: Main,
navigationOptions: {
tabBarLabel: "",
tabBarIcon: ({tintColor}) => (<Icon name="ios-contact" size={26}/>),
}
}
}, {
animationEnabled: true, //
tabBarPosition: "bottom", // android
swipeEnabled: true, // tab
lazy: true,//
backBehavior: "none", // back Tab() none
tabBarOptions: {
activeTintColor: "-sharp028ce5", //
inactiveTintColor: "-sharp999", //
showIcon: true, // android icon, true
indicatorStyle: {
height: 0 // TabBar0
},
style: {
backgroundColor: "-sharpfff", // TabBar
// height: 44,
borderTopColor: "-sharpccc",
borderTopWidth:1,
padding: 0,
},
labelStyle: {
fontSize: 10, //
},
},
}); 1. Why didn"t icon change the color when selected?
2. After setting the height, why is the tabBar display incomplete and the bottom obscured?
ask for advice