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