在React-Native中定位多個屏幕

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) 
    } 
... 
}