Расположение нескольких экранов в реакторе

Question

Я приближаюсь к реагированию (да, это потрясающе) с нескольких недель. Чтение этого замечательного сообщения на Medium
https://medium.com/@elieslama/responsive-design-in-react-native-876ea9cd72a8#.qmwrb3ruq
Я думаю, что я понимаю, как изменять размеры компонентов, таких как представления и свойства текста (размер шрифта). Но, и вот проблема, как я могу установить свойства вида, такие как marginTop, чтобы масштабироваться до различных размеров экрана?
Например:
{ ... firstView:{ marginTop : 10 } ... } MarginTop не то же самое на iPhone 5 и iPhone 6. Кто может предоставить простой пример о том, как это сделать?
Большое вам спасибо!

Answer 1

По умолчанию все блоки реагируют на собственные независимые пиксели плотности использования. Вы можете использовать PixelRatio, чтобы получить плотность пикселей устройства. Для полей, вы, вероятно, не хотите масштабировать его с различной плотностью пикселей. Таким образом, вы можете использовать его как

{ 
... 
    firstView:{ 
    marginTop : PixelRatio.getPixelSizeForLayoutSize(10) 
    } 
... 
}