summaryrefslogtreecommitdiff
path: root/frontend/app/utils/scale.js
blob: f754d4857ec1a0c97ac7107806c5eddef423227a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
import { Dimensions } from 'react-native';

const { width, height } = Dimensions.get('window');

// Guideline sizes are based on standard ~5" screen mobile device
const guidelineBaseWidth = 350;
const guidelineBaseHeight = 680;

const scale = size => (width / guidelineBaseWidth) * size;
const scaleVertical = size => (height / guidelineBaseHeight) * size;
const scaleModerate = (size, factor = 0.5) => size + ((scale(size) - size) * factor);

export { scale, scaleVertical, scaleModerate };