123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- // @flow
-
- import variable from "./../variables/platform";
-
- export default (variables /*: * */ = variable) => {
- const platformStyle = variables.platformStyle;
- const platform = variables.platform;
-
- const iconCommon = {
- "NativeBase.Icon": {
- color: variables.tabBarActiveTextColor
- }
- };
- const iconNBCommon = {
- "NativeBase.IconNB": {
- color: variables.tabBarActiveTextColor
- }
- };
- const textCommon = {
- "NativeBase.Text": {
- color: variables.tabBarActiveTextColor
- }
- };
- const footerTheme = {
- "NativeBase.Left": {
- "NativeBase.Button": {
- ".transparent": {
- backgroundColor: "transparent",
- borderColor: null,
- elevation: 0,
- shadowColor: null,
- shadowOffset: null,
- shadowRadius: null,
- shadowOpacity: null,
- ...iconCommon,
- ...iconNBCommon,
- ...textCommon
- },
- alignSelf: null,
- ...iconCommon,
- ...iconNBCommon,
- // ...textCommon
- },
- flex: 1,
- alignSelf: "center",
- alignItems: "flex-start"
- },
- "NativeBase.Body": {
- flex: 1,
- alignItems: "center",
- alignSelf: "center",
- flexDirection: "row",
- "NativeBase.Button": {
- alignSelf: "center",
- ".transparent": {
- backgroundColor: "transparent",
- borderColor: null,
- elevation: 0,
- shadowColor: null,
- shadowOffset: null,
- shadowRadius: null,
- shadowOpacity: null,
- ...iconCommon,
- ...iconNBCommon,
- ...textCommon
- },
- ".full": {
- height: variables.footerHeight,
- paddingBottom: variables.footerPaddingBottom,
- flex: 1
- },
- ...iconCommon,
- ...iconNBCommon,
- // ...textCommon
- }
- },
- "NativeBase.Right": {
- "NativeBase.Button": {
- ".transparent": {
- backgroundColor: "transparent",
- borderColor: null,
- elevation: 0,
- shadowColor: null,
- shadowOffset: null,
- shadowRadius: null,
- shadowOpacity: null,
- ...iconCommon,
- ...iconNBCommon,
- ...textCommon
- },
- alignSelf: null,
- ...iconCommon,
- ...iconNBCommon,
- // ...textCommon
- },
- flex: 1,
- alignSelf: "center",
- alignItems: "flex-end"
- },
- backgroundColor: variables.footerDefaultBg,
- flexDirection: "row",
- justifyContent: "center",
- borderTopWidth:
- platform === "ios" && platformStyle !== "material"
- ? variables.borderWidth
- : undefined,
- borderColor:
- platform === "ios" && platformStyle !== "material"
- ? "#cbcbcb"
- : undefined,
- height: variables.footerHeight,
- paddingBottom: variables.footerPaddingBottom,
- elevation: 3,
- left: 0,
- right: 0
- };
- return footerTheme;
- };
|