111 lines
2.8 KiB
TypeScript
111 lines
2.8 KiB
TypeScript
import variable from '../variables/platform';
|
|
import { OS } from '../variables/types';
|
|
|
|
export default (variables /* : * */ = variable) => {
|
|
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 === OS.IOS ? variables.borderWidth : undefined,
|
|
borderColor: platform === OS.IOS ? '#cbcbcb' : undefined,
|
|
height: variables.footerHeight,
|
|
paddingBottom: variables.footerPaddingBottom,
|
|
elevation: 3,
|
|
left: 0,
|
|
right: 0,
|
|
};
|
|
return footerTheme;
|
|
};
|