自动布局约束使WKWebView全屏显示

时间:2020-10-22 07:39:29

标签: ios autolayout constraints wkwebview

我会立即提到我不是iOS开发人员,这是我第一次感到困惑,因为我被要求在iOS WKWebView包装器中更新Web应用程序。

我设法将Web应用程序加载到iOS应用程序中,但是在iPhone X上,顶部和底部始终有空白。我刚刚了解了约束,并且听说这是默认的安全区域行为。我正在尝试将WKWebView扩展到安全区域之外,一直到顶部和底部主页按钮,以便没有空格。在Xcode内部,将安全区域对象的所有约束都设置为等于superview,然后将Web视图容器对象设置为等于superview。但是我仍然在顶部和底部留有空格。

还有一个顶部的“视图”对象,我认为它在其他地方也称为超级视图,当我单击该对象时,我看到它的约束设置为等于安全区域,并且只能将其设置为安全区域或Web视图容器本身将设置为超级视图。我觉得这很令人困惑。我在这里做什么错了?

由于我不会讲Swift,所以我希望在故事板方面获得帮助,而不是与代码无关。

编辑:约束快照

Web视图容器对象:https://imgur.com/GcRFeL0

1 个答案:

答案 0 :(得分:0)

如果使用情节提要,您可以这样做:

  1. 选择此约束,然后在右侧面板上将Second item的形式Safe Area更改为SuperView,如下所示:

enter image description here

enter image description here

  1. 将常量值从44修改为0,如下所示:

enter image description here

  1. 同一操作受到其他约束。