Javascript iPhoneX的安全区域视图高度计算

我正在处理一个需求，在这个需求中，我必须使用

position:'absolute'

将容器放置在标题下方，并根据标题高度（我可以从

import{header}从'react navigation stack'

中获取）将容器放置在标题下方，然后使用

header.height

---

除iPhone X类设备外，所有设备都工作正常，因为它有一些额外的设备套头，因此占用了一些额外的空间，因此我无法正确放置容器，所以我想计算这个高度，这样我就可以把它加起来，如果它出现在位置顶部的值上。

通常状态栏的高度如下所示

• 44

  用于安全的iPhone X

• 30

  用于不安全的iPhone X

• 20

  适用于其他iOS设备

• StatusBar.currentHeight

  适用于Android

此外，您还可以使用外部库，如为iPhone X、XS、XS Max&XR设计应用程序或处理安全区域

---

希望这有助于您消除疑虑。

我正在寻找一些通用解决方案，最后我使用“react native status bar height”（反应本机状态栏高度）找出状态栏高度，然后将其添加到实际导航标题高度以进行定位。

我正在寻找一些具体的解决方案，更具体地说，我需要iPhone的高度这样我就可以在定位上加起来value@SaikatSaha你所说的iPhone X的高度是什么意思？我指的是pullover@SaikatSaha这就是我在回答中提到的。iPhone X的安全区域高度是

44

这是一个硬编码的，假设将来某家公司在Android上推出一款分辨率不同的类似类型的手机，那么我的代码就会被破解，这就是为什么我需要一些通用的解决方案