react-native-big-tab-bar
Version:
react native image / number tab bar
41 lines • 1.22 kB
JavaScript
import { StyleSheet } from 'react-native';
export const _buttonStyle = (height, width, backgroundColor, activeBackgroundColor, isActive) => ({
height,
width,
borderRadius: 40,
margin: 10,
alignItems: 'center',
justifyContent: 'space-around',
backgroundColor: isActive ? activeBackgroundColor : backgroundColor,
});
export const _innerContainerStyle = (height, width, backgroundColor) => ({
height,
width,
borderRadius: 22,
backgroundColor,
justifyContent: 'center',
alignItems: 'center',
});
export const _textStyle = (inActiveTextColor, activeTextColor, isActive) => ({
fontSize: 10,
color: isActive ? activeTextColor : inActiveTextColor,
fontWeight: 'bold',
marginBottom: 10,
});
export const _innerTextStyle = (innerActiveTextColor, innerInActiveTextColor, isActive) => ({
fontSize: 23,
color: isActive ? innerActiveTextColor : innerInActiveTextColor,
fontWeight: 'bold',
});
export default StyleSheet.create({
container: {
flexDirection: 'column',
borderWidth: 2,
},
imageStyle: {
width: '100%',
height: '100%',
borderRadius: 22,
},
});
//# sourceMappingURL=BigTabBar.style.js.map