79 lines
2 KiB
JavaScript
79 lines
2 KiB
JavaScript
// @flow
|
|
|
|
import { Platform } from "react-native";
|
|
|
|
import variable from "./../variables/platform";
|
|
|
|
export default (variables /*: * */ = variable) => {
|
|
const platform = variables.platform;
|
|
|
|
const footerTabTheme = {
|
|
"NativeBase.Button": {
|
|
".active": {
|
|
"NativeBase.Text": {
|
|
color: variables.tabBarActiveTextColor,
|
|
fontSize: variables.tabBarTextSize,
|
|
lineHeight: 16
|
|
},
|
|
"NativeBase.Icon": {
|
|
color: variables.tabBarActiveTextColor
|
|
},
|
|
"NativeBase.IconNB": {
|
|
color: variables.tabBarActiveTextColor
|
|
},
|
|
backgroundColor: variables.tabActiveBgColor
|
|
},
|
|
flexDirection: null,
|
|
backgroundColor: "transparent",
|
|
borderColor: null,
|
|
elevation: 0,
|
|
shadowColor: null,
|
|
shadowOffset: null,
|
|
shadowRadius: null,
|
|
shadowOpacity: null,
|
|
alignSelf: "center",
|
|
flex: 1,
|
|
height: variables.footerHeight,
|
|
justifyContent: "center",
|
|
".badge": {
|
|
"NativeBase.Badge": {
|
|
"NativeBase.Text": {
|
|
fontSize: 11,
|
|
fontWeight: platform === "ios" ? "600" : undefined,
|
|
lineHeight: 14
|
|
},
|
|
top: -3,
|
|
alignSelf: "center",
|
|
left: 10,
|
|
zIndex: 99,
|
|
height: 18,
|
|
padding: 1.7,
|
|
paddingHorizontal: 3
|
|
},
|
|
"NativeBase.Icon": {
|
|
marginTop: -18
|
|
}
|
|
},
|
|
"NativeBase.Icon": {
|
|
color: variables.tabBarTextColor
|
|
},
|
|
"NativeBase.IconNB": {
|
|
color: variables.tabBarTextColor
|
|
},
|
|
"NativeBase.Text": {
|
|
color: variables.tabBarTextColor,
|
|
fontSize: variables.tabBarTextSize,
|
|
lineHeight: 16
|
|
}
|
|
},
|
|
backgroundColor: Platform.OS === "android"
|
|
? variables.footerDefaultBg
|
|
: undefined,
|
|
flexDirection: "row",
|
|
justifyContent: "space-between",
|
|
flex: 1,
|
|
alignSelf: "stretch"
|
|
};
|
|
|
|
return footerTabTheme;
|
|
};
|