You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
abp/templates/app/react-native/src/theme/components/TabBar.js

58 lines
1.3 KiB

// @flow
import variable from '../variables/Platform';
export default (variables /* : * */ = variable) => {
const tabBarTheme = {
'.tabIcon': {
height: undefined,
},
'.vertical': {
height: 60,
},
'NativeBase.Button': {
'.transparent': {
'NativeBase.Text': {
fontSize: variables.tabFontSize,
color: variables.sTabBarActiveTextColor,
fontWeight: '400',
},
'NativeBase.IconNB': {
color: variables.sTabBarActiveTextColor,
},
},
'NativeBase.IconNB': {
color: variables.sTabBarActiveTextColor,
},
'NativeBase.Text': {
fontSize: variables.tabFontSize,
color: variables.sTabBarActiveTextColor,
fontWeight: '400',
},
'.isTabActive': {
'NativeBase.Text': {
fontWeight: '900',
},
},
flex: 1,
alignSelf: 'stretch',
alignItems: 'center',
justifyContent: 'center',
borderRadius: null,
borderBottomColor: 'transparent',
backgroundColor: variables.tabBgColor,
},
height: 45,
flexDirection: 'row',
justifyContent: 'space-around',
borderWidth: 1,
borderTopWidth: 0,
borderLeftWidth: 0,
borderRightWidth: 0,
borderBottomColor: '#ccc',
backgroundColor: variables.tabBgColor,
};
return tabBarTheme;
};