37 lines
916 B
TypeScript
37 lines
916 B
TypeScript
import { StyleSheet, Dimensions } from 'react-native';
|
|
|
|
const { width, height } = Dimensions.get('window');
|
|
|
|
const guidelineBaseWidth = 350;
|
|
const guidelineBaseHeight = 680;
|
|
|
|
const horizontalScale = (size: number) => (width / guidelineBaseWidth) * size;
|
|
const verticalScale = (size: number) => (height / guidelineBaseHeight) * size;
|
|
const moderateScale = (size: number, factor = 0.5) =>
|
|
size + (horizontalScale(size) - size) * factor;
|
|
|
|
const styles = StyleSheet.create({
|
|
marginBottom: {
|
|
marginBottom: verticalScale(5),
|
|
},
|
|
bigMarginBottom: {
|
|
marginBottom: verticalScale(25),
|
|
},
|
|
extremeMarginBottom: {
|
|
marginBottom: verticalScale(100),
|
|
},
|
|
padding: {
|
|
padding: '5%',
|
|
},
|
|
centered: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
},
|
|
centerText: {
|
|
textAlign: 'center',
|
|
},
|
|
});
|
|
|
|
export { horizontalScale, verticalScale, moderateScale, styles as default };
|