12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- // @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;
- };
|