ios - React-Native 中的多个屏幕定位
<p><p><br/>
几周后，我就开始接近 react-native(是的，这很棒)。在 Medium <br/> <a href="https://medium.com/@elieslama/responsive-design-in-react-native-876ea9cd72a8#.qmwrb3ruq" rel="noreferrer noopener nofollow">https://medium.com/@elieslama/responsive-design-in-react-native-876ea9cd72a8#.qmwrb3ruq</a> 上阅读这篇精彩的文章<br/> 我想我已经了解如何调整 View 和文本属性(字体大小)等组件的大小。但是，问题来了，如何设置像 <em>marginTop</em> 这样的 View 属性以缩放到各种屏幕尺寸？<br/>
例如:<br/>
<code>
{
...
第一 View :{
边距顶部:10
}
...
}
</code>
<em>marginTop</em> 在 iPhone 5 和 iPhone 6 上是不一样的。
谁能提供一个简单的例子来说明如何做到这一点？<br/>
非常感谢!</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>默认情况下，react native 中的所有单位都使用与密度无关的像素。您可以使用 <a href="https://facebook.github.io/react-native/docs/pixelratio.html#get" rel="noreferrer noopener nofollow">PixelRatio</a>获取设备像素密度。
对于边距，您可能不想使用不同的像素密度对其进行缩放。所以，你可以把它当作</p>
<pre><code>{
...
firstView:{
marginTop : PixelRatio.getPixelSizeForLayoutSize(10)
}
...
}
</code></pre></p>
<p style="font-size: 20px;">关于ios - React-Native 中的多个屏幕定位，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/37009924/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/37009924/
</a>
</p>
页:
[1]