多个屏幕定位在React-Native中

时间:2016-05-03 16:51:35

标签: ios iphone layout react-native


几个星期后,我正在接近本土(是的,它真棒)。在媒体上阅读这篇精彩帖子https://medium.com/@elieslama/responsive-design-in-react-native-876ea9cd72a8#.qmwrb3ruq我想我已经了解了如何调整视图和文本属性(字体大小)等组件的大小。但是,这就是问题所在,如何设置像 marginTop 这样的视图属性来缩放到各种屏幕尺寸?
例如:
{ ... firstView:{ marginTop : 10 } ... } iPhone 3和iPhone 6上的 marginTop 不一样。 任何人都可以提供一个如何做到这一点的简单例子吗? 非常感谢你!

1 个答案:

答案 0 :(得分:1)

默认情况下,本机中的所有单位都使用与密度无关的像素。您可以使用PixelRatio来获取设备像素密度。 对于边距,您可能不希望使用不同的像素密度进行缩放。因此,您可以将其用作

require 'net/http'
res1 = Net::HTTP.get_response 'www.google.com' , '/'
res2 = Net::HTTP.get_response 'www.google.com' , '/search?q=abc'

res1.code #200
res2.code #200
res1.content_length #5213
res2.content_length #nil **<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< WHY**
res2.body[0..60]
=> "<!doctype html><html itemscope=\"\" itemtype=\"http://schema.org"