React-Native 中的多个屏幕定位

Question

几周后，我就开始接近 react-native（是的，这很棒）。阅读 Medium
https://medium.com/@elieslama/responsive-design-in-react-native-876ea9cd72a8#.qmwrb3ruq
上的这篇精彩文章，我想我已经了解如何调整视图和文本属性（字体大小）等组件的大小。但是，问题来了，如何设置像 marginTop 这样的视图属性以缩放到各种屏幕尺寸？
例如：
{ ... firstView:{ marginTop : 10 } ... } marginTop 在 iPhone 5 和 iPhone 6 上是不一样的。 谁能提供一个简单的例子来说明如何做到这一点？
非常感谢！

Answer 1

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

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