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 };
|