application-amicale/native-base-theme/components/TabHeading.js

40 lines
960 B
JavaScript
Raw Normal View History

2019-06-25 22:20:24 +02:00
// @flow
import variable from "./../variables/platform";
export default (variables /*: * */ = variable) => {
const platform = variables.platform;
const tabHeadingTheme = {
flexDirection: "row",
backgroundColor: variables.tabDefaultBg,
flex: 1,
alignItems: "center",
justifyContent: "center",
".scrollable": {
paddingHorizontal: 20,
flex: platform === "android" ? 0 : 1,
minWidth: platform === "android" ? undefined : 60
},
"NativeBase.Text": {
color: variables.topTabBarTextColor,
marginHorizontal: 7
},
"NativeBase.Icon": {
color: variables.topTabBarTextColor,
fontSize: platform === "ios" ? 26 : undefined
},
".active": {
"NativeBase.Text": {
color: variables.topTabBarActiveTextColor,
fontWeight: "600"
},
"NativeBase.Icon": {
color: variables.topTabBarActiveTextColor
}
}
};
return tabHeadingTheme;
};