78 lines
2.0 KiB
TypeScript
78 lines
2.0 KiB
TypeScript
import { Platform } from 'react-native';
|
|
|
|
import variable from '../variables/platform';
|
|
import { OS } from '../variables/types';
|
|
|
|
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 === OS.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 === OS.ANDROID ? variables.footerDefaultBg : undefined,
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
flex: 1,
|
|
alignSelf: 'stretch',
|
|
};
|
|
|
|
return footerTabTheme;
|
|
};
|