OGeek|极客世界-中国程序员成长平台

标题: ios - React-Native 中的多个屏幕定位 [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-13 16:11
标题: ios - React-Native 中的多个屏幕定位


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



Best Answer-推荐答案


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

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

关于ios - React-Native 中的多个屏幕定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37009924/






欢迎光临 OGeek|极客世界-中国程序员成长平台 (https://ogeek.cn/) Powered by Discuz! X3.4