ios - React-Native 中的多屏定位

Question

几周后我将接近 react-native(是的，它很棒)。阅读 Medium 上的这篇精彩文章
https://medium.com/@elieslama/responsive-design-in-react-native-876ea9cd72a8#.qmwrb3ruq
我想我已经了解如何调整 View 和文本属性(字体大小)等组件的大小。但是，这就是问题所在，我如何设置 View 属性，如 marginTop 以缩放到各种屏幕尺寸？
例如:

{
...
第一 View :{
margin 顶部:10
}
...
}
marginTop 在 iPhone 5 和 iPhone 6 上不一样。谁能提供一个简单的例子来说明如何做到这一点？
非常感谢!

Answer 1

默认情况下，React Native 中的所有单位都使用与密度无关的像素。您可以使用 PixelRatio获取设备像素密度。对于边距，您可能不想使用不同的像素密度对其进行缩放。所以，您可以将其用作

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