Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | 9x 9x 9x 9x 3x 9x 3x 9x 9x | import { Dimensions } from 'react-native';
const { width, height } = Dimensions.get('window');
export const SCREEN_WIDTH = width;
export const SCREEN_HEIGHT = height;
/**
* Get percentage of screen width
* @param percentage - Percentage value (0-100)
* @returns Width in pixels
*/
export const getWidthPercentage = (percentage: number): number => {
return (width * percentage) / 100;
};
/**
* Get percentage of screen height
* @param percentage - Percentage value (0-100)
* @returns Height in pixels
*/
export const getHeightPercentage = (percentage: number): number => {
return (height * percentage) / 100;
};
/**
* Common screen dimensions
*/
export const SCREEN_DIMENSIONS = {
width,
height,
halfWidth: width / 2,
halfHeight: height / 2,
quarterWidth: width / 4,
quarterHeight: height / 4,
} as const;
export const DEFAULT_NAVIGATION_BOTTOM = 65;
|