react-native-tree-selection
Version:
A high-performance and lightweight tree selection library for React Native.
30 lines • 1.3 kB
JavaScript
import { Dimensions } from 'react-native';
export const { width: windowWidth, height: windowHeight } = Dimensions.get('window');
const { width: screenWidth, height: screenHeight } = Dimensions.get('screen');
const isLessWidth = windowWidth < windowHeight;
const shortDimension = isLessWidth ? windowWidth : windowHeight;
const longDimension = isLessWidth ? windowHeight : windowWidth;
// Default guideline sizes are based on standard ~5" screen mobile device
const guidelineBaseWidth = 375;
const guidelineBaseHeight = 812;
// Use for horizontal scaling
export const scale = (size) => {
return (shortDimension / guidelineBaseWidth) * size;
};
// Use for vertical scaling
export const verticalScale = (size) => {
return (longDimension / guidelineBaseHeight) * size;
};
// Use for horizontal & vertical scaling (example: Fonts)
export const moderateScale = (size, factor = 0.5) => {
return size + (scale(size) - size) * factor;
};
export function moderateVerticalScale(size, factor = 0.5) {
return size + (verticalScale(size) - size) * factor;
}
// Used via Metrics.zero
export const Metrics = {
screenWidth: screenWidth < screenHeight ? screenWidth : screenHeight,
screenHeight: screenWidth < screenHeight ? screenHeight : screenWidth,
};
//# sourceMappingURL=Metrics.js.map