问题标签 [safearealayoutguide]

我在 iOS 10 上的安全区域遇到问题，我在其中触发了对hidesBottomBarOnPush启用的视图控制器的 segue。固定到此视图控制器底部安全区域的内容从选项卡上方开始，然后在视图完全加载后跳转到底部。

如何在 iOS 10 上避免这种行为？由于需要 iPhone X 支持，因此不能选择固定到 superview。

标签上的约束：

我使用了 xCode 9.2、Ionic 3 和所有最新版本（更新了我能想到的所有内容），并添加了以下内容：

<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

在设备和模拟器中进行测试时，使用 iPhone 7 一切正常，但使用 iPhone X 我遇到以下问题：

应用程序的顶部和底部都分别位于顶部/底部。我认为这与 iPhone X 上的新安全区域有关。

我尝试添加以下内容，但它不起作用，因为它在所有设备的顶部都给了我一个空白区域。

<preference name="StatusBarOverlaysWebView" value="false" />

有没有人遇到过类似的问题？

我的离子信息：

cli包：

全局包：

本地包：

系统：

环境变量：

杂项：

我想编写一个简单的 Sprite Kit 游戏，我必须在场景中随机放置一些节点。

为了确保这些节点不会放置在安全区域之外，我编写了这个函数：

这应该是一个所有节点都应该安全呈现的矩形，但不幸的是这在 iPhone X（模拟器）上不起作用：

iPhone 8 和 iPhone X 模拟器截图如下：

我针对超级视图而不是安全区域正确添加了约束，但我仍然面临特定屏幕顶部和底部的灰色区域问题。它应该完全出现在 I Phone X 的整个屏幕上。请按照屏幕截图进行操作。

我正在尝试在顶部工具栏和底部选项卡区域之间放置一个。我需要它在 iPhone 5-X 和 iOS 10-11 上工作。如果您忽略iOS10，则没有问题，但我还需要旧版本才能工作。这是我的CSS。“margin-top”给出了 iOS 10 的错误。如果我使用“padding-top”，那么它在 iPhone X 上不起作用。这是 LoadingController 的封面，所以我不想以编程方式将它从 JS 排序到HTML（老实说，不知道如何访问 HTML 以加载控制器）。我已经为谷歌地图以编程方式解决了这个问题，但想知道是否有通过 CSS 的解决方案？我拥有所有最新版本的所有内容和 WKWebView。我的离子视图如下。

cli包：

全局包：

本地包：

系统：

我已经像这样设置了 safeAreaLayoutGuide：

这很好用。但是，当我将设备旋转到横向模式时，没有状态栏（电池、信号等），并且与屏幕顶部的偏移为零。这是正确的，基于锚。但是，它看起来并不好。如何在锚点创建期间为景观添加偏移量 20？我不想手动更改基于方向的常数。

我在我的 iOS 项目中使用 SnapKit 进行布局，在横向模式下，我想在底部添加一些约束。

使用以下代码一切正常。

虽然我想通过类似这样的功能使其更具动态性

所以我可以像这样得到填充 safeAreaEdge(view, bottom)

但我得到一个错误

为什么我知道我只有那些选项但是有没有任何有效top,bottom,right,left的safeAreaInsets 方法让它变得动态？

所以，目前我有一个我用 sprite kit 制作的游戏，并使用这种方式将所有东西都适合屏幕尺寸：

正如您所看到的，它使用框架来计算宽度和高度以及场景中节点的位置，这适用于我从 6s 到 8 Plus 一直使用的所有屏幕尺寸。但是当谈到 iPhone X 时，它就出现了问题。它似乎拉伸了一切，因为与 iPhone 8 Plus 相比，屏幕尺寸更大且形状奇怪，如下所示

我一直在寻找解决这个问题的方法，但没有一个真正有帮助，甚至更糟，我不明白如何在我的 sprite kit 项目中以编程方式使用安全区域布局，就像这里的解决方案一样

我的问题是

我如何才能让所有东西都适合 iPhone X 的屏幕，以便它适合并且不会切断我在右上角的乐谱标签和东西？

编辑2：

编辑 3

编辑 4

编辑 5

我在另一个 SpriteNode 上尝试了它，例如下面的这个，它适用于我不知道为什么黄色标签会这样做。

结果是这样的，非常完美：

在我的应用程序中，我有这个错误 -

在此代码中，错误出现 3 次。基本上在我使用 safeArea 的每一行中。

我可以检查是否IOS 11可用并运行此代码并在else语句中添加另一个具有相同代码但没有安全区域的代码。这是否会显示与声明中相同的视图if。如果没有，还有其他解决方案吗？

此代码是否可以在没有 IOS 11 的设备上运行？-

我目前正在设置这样的 Web 视图的布局约束：

当视图以横向模式显示在 iPhone X 上时，这会导致左右边距。Web 视图在视图中水平居中。这在以下草图中显示为 (1)， 其中 Web 视图被绘制为绿色区域。

但我想使用视图的最大宽度，其中网络视图延伸到右侧（2）或左侧边缘（3）。这将需要用于前导和尾随的动态布局指南。

我怎样才能做到这一点？