-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
64 lines (51 loc) · 2.03 KB
/
index.js
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
import {Dimensions, PixelRatio} from 'react-native'
const responsiveWidth = inputWidth => {
const screenWidth = Dimensions.get('window').width
if(typeof inputWidth === 'string'){
const parsedWidth = parseFloat(inputWidth)
return PixelRatio.roundToNearestPixel( screenWidth * parsedWidth / 100 )
}else{
const parsedWidth = parseFloat(inputWidth)
return PixelRatio.roundToNearestPixel( screenWidth * parsedWidth / 100 )
}
}
const responsiveHeight = inputHeight => {
const screenHeight = Dimensions.get('window').height
if(typeof inputHeight === 'string'){
const parsedHeight = parseFloat(inputHeight)
return PixelRatio.roundToNearestPixel( screenHeight * parsedHeight / 100 )
}else{
const parsedHeight = parseFloat(inputHeight)
return PixelRatio.roundToNearestPixel( screenHeight * parsedHeight / 100 )
}
}
const responsiveFontSize = fontSize => {
const { height, width } = Dimensions.get('window')
if(typeof fontSize === 'string'){
const parsedFontSize = parseFloat(fontSize)
const convertResult = Math.sqrt(( height * height ) + ( width * width )) * ( parsedFontSize / 100 )
return PixelRatio.roundToNearestPixel(convertResult)
}else{
const parsedFontSize = parseFloat(fontSize)
const convertResult = Math.sqrt(( height * height ) + ( width * width )) * ( parsedFontSize / 100 )
return PixelRatio.roundToNearestPixel(convertResult)
}
}
const responsiveSize = inputSize => {
const { height, width } = Dimensions.get('window')
if(typeof inputSize === 'string'){
const parsedFontSize = parseFloat(inputSize)
const convertResult = Math.sqrt(( height * height ) + ( width * width )) * ( parsedFontSize / 100 )
return PixelRatio.roundToNearestPixel(convertResult)
}else{
const parsedFontSize = parseFloat(inputSize)
const convertResult = Math.sqrt(( height * height ) + ( width * width )) * ( parsedFontSize / 100 )
return PixelRatio.roundToNearestPixel(convertResult)
}
}
export {
responsiveWidth,
responsiveHeight,
responsiveFontSize,
responsiveSize
};