ios - React-Native 中的多屏定位

标签 ios iphone layout react-native


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

最佳答案

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

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

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

相关文章:

ios - 当应用程序进入后台/事件状态时安全地暂停/恢复远程 UIWebView WebSockets

ios - 应该更新现有的 watchOS 应用程序吗?

ios - UITableView 不显示在模拟器中

android - 双启动 - 手机上的最新 2 "original"Android 和 iPhone 版本

java - 在表单上设置相同大小的按钮

ios - 当新单元格插入 TableView 时,所有可见单元格会调用什么?

iphone - 将 xcode 4.6 iPhone 应用程序转换为通用应用程序

ios - FitBit API集成IOS

css - Bootstrap 3基于框的布局填充而不影响装订线

html - 即使 Javascript 关闭,如何在页面加载时将页面居中?