This repository has been archived on 2023-08-20. You can view files and clone it, but cannot push or open issues or pull requests.
mobile-app/src/libs/native-base/components/TabHeading.ts

39 lines
1000 B
TypeScript

import variable from '../variables/platform';
import { OS } from '../variables/types';
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 === OS.ANDROID ? 0 : 1,
minWidth: platform === OS.ANDROID ? undefined : 60,
},
'NativeBase.Text': {
color: variables.topTabBarTextColor,
marginHorizontal: 7,
},
'NativeBase.Icon': {
color: variables.topTabBarTextColor,
fontSize: platform === OS.IOS ? 26 : undefined,
},
'.active': {
'NativeBase.Text': {
color: variables.topTabBarActiveTextColor,
fontWeight: '600',
},
'NativeBase.Icon': {
color: variables.topTabBarActiveTextColor,
},
},
};
return tabHeadingTheme;
};