ios - 在React-Native中放置多个屏幕

我正要从几周后开始对本机进行反应(是的，太棒了)。阅读有关Medium https://medium.com/@elieslama/responsive-design-in-react-native-876ea9cd72a8#.qmwrb3ruq的精彩文章，我想我已经了解了如何调整视图和文本属性(字体大小)之类的组件的大小。但是，这就是问题所在，如何设置诸如marginTop之类的视图属性以缩放为各种屏幕尺寸？
例如:{... firstView:{ marginTop : 10 }...}marginTop在iPhone 5和iPhone 6上并不相同。
任何人都可以提供有关如何执行此操作的简单示例吗？
非常感谢!

最佳答案

默认情况下，所有参与反应的单位均使用与密度无关的像素。您可以使用PixelRatio获取设备像素密度。
为了留出余地，您可能不希望使用不同的像素密度缩放它。因此，您可以将其用作

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