Dimensions.get() returns an object like
Object {
"screen": Object {
"fontScale": 1,
"height": 375,
"scale": 2,
"width": 667,
},
"window": Object {
"fontScale": 1,
"height": 375,
"scale": 2,
"width": 667,
},
}
Height
and width
are probably screen/window height and width in dp (density-independent pixels), but what do fontScale
and scale
stand for? I'm trying to figure out if I could use the scale
value for responsive layout on Retina screens. Thanks!
A bit late to the party, but this question came up when Googling, so I thought I might as well answer it.
The scale of the font currently used. Some operating systems allow users to scale their font sizes larger or smaller for reading comfort. This property will let you know what is in effect.
The pixel ratio of the device your app is running on.
A value of 1 indicates PPI/DPI of 96 (76 on some platforms). 2 indicates a Retina or high DPI display.