标签栏上的滚动视图（标签栏控制器）

Question

我有一个附带滚动视图的视图。该视图上方是一个视图，该视图已连接到标签栏控制器。如您所知，当页面连接到标签栏控制器时，它的底部会出现一个标签栏。我遇到的问题是，滚动视图上方的视图将屏幕上需要的所有项目保存了20个像素。我相信这样做是为了使每个设备上的电池和时间图标保持可见。作为回报，我将滚动视图向后移动了20个像素，但是当我这样做时，我将无法再在视图控制器上上下滚动。

将具有约束的滚动视图添加到与标签栏相连的视图控制器的正确方法是什么，以使滚动视图顶部的视图不会向下移动20个像素？

我使用了以下约束：https://www.youtube.com/watch?v=ru4v46Lg3bY

这是正在移动的视图的图像：