diff options
| author | Andrew <saintruler@gmail.com> | 2019-03-11 21:00:02 +0400 |
|---|---|---|
| committer | Andrew <saintruler@gmail.com> | 2019-03-11 21:00:02 +0400 |
| commit | 7e7dd5244e8d26485ad7950a89c04c98c4fef83f (patch) | |
| tree | 810730c4650392080fb87a78d3b527201e89fe4b /frontend/app/utils/scale.js | |
Initial commit/
Diffstat (limited to 'frontend/app/utils/scale.js')
| -rw-r--r-- | frontend/app/utils/scale.js | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/frontend/app/utils/scale.js b/frontend/app/utils/scale.js new file mode 100644 index 0000000..f754d48 --- /dev/null +++ b/frontend/app/utils/scale.js @@ -0,0 +1,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 }; |