application-amicale/native-base-theme/components/TabBar.js
2019-06-25 22:20:24 +02:00

57 lines
1.3 KiB
JavaScript

// @flow
import variable from "./../variables/platform";
export default (variables /*: * */ = variable) => {
const tabBarTheme = {
".tabIcon": {
height: undefined
},
".vertical": {
height: 60
},
"NativeBase.Button": {
".transparent": {
"NativeBase.Text": {
fontSize: variables.tabFontSize,
color: variables.sTabBarActiveTextColor,
fontWeight: "400"
},
"NativeBase.IconNB": {
color: variables.sTabBarActiveTextColor
}
},
"NativeBase.IconNB": {
color: variables.sTabBarActiveTextColor
},
"NativeBase.Text": {
fontSize: variables.tabFontSize,
color: variables.sTabBarActiveTextColor,
fontWeight: "400"
},
".isTabActive": {
"NativeBase.Text": {
fontWeight: "900"
}
},
flex: 1,
alignSelf: "stretch",
alignItems: "center",
justifyContent: "center",
borderRadius: null,
borderBottomColor: "transparent",
backgroundColor: variables.tabBgColor
},
height: 45,
flexDirection: "row",
justifyContent: "space-around",
borderWidth: 1,
borderTopWidth: 0,
borderLeftWidth: 0,
borderRightWidth: 0,
borderBottomColor: "#ccc",
backgroundColor: variables.tabBgColor
};
return tabBarTheme;
};