• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ios - React-Native 中的多个屏幕定位

[复制链接]
菜鸟教程小白 发表于 2022-12-13 16:11:49 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题


几周后,我就开始接近 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/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap