iPhone X 自定义标签栏问题

Question

我们的应用程序中有自定义标签栏。自定义标签栏的高度是固定的。它在 iPhone X 以外的所有设备上都工作正常。问题是自定义标签栏的高度是 45，但在 iPhone X 中它会与主页指示器冲突。所以我们将自定义标签栏的底部更改为安全区域。但问题是我会在自定义标签栏下方看到背景视图。我的问题是，我们如何对自定义标签栏进行约束，使所有设备的高度都相同，除了 iPhone X 并且还隐藏 iPhone X 中的底部 space？ but I want to increase the height of tab bar in iPhone X but I shouldn't affect other devices. Btw I don't want to write a code to separate iPhone X and other devices. All I want to do it in storyboard itself.

Answer 1

这个怎么样？

将您的视野设置在安全区域内
为您的自定义标签栏设置固定高度
在安全区域底部和超级视图底部之间放置一个视图并设置边距

参考下图

约束条件

在 iPhone X

上的样子

它在其他 iPhone

上的样子

Answer 2

在底部做一个大于44pt的view effect view如何？我已经在我的应用程序中尝试过了，效果很好。

参考：https://novemberfive.co/blog/apple-september-event-iphonex-apps/

Answer 3

希望这能以编程方式帮助您

self.tabBar.layer.masksToBounds = true 
self.tabBar.isTranslucent = true 
self.tabBar.barStyle = .blackOpaque 
self.tabBar.layer.cornerRadius = 20 
self.tabBar.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]

iPhone X 自定义标签栏问题

iPhone X custom tab bar issue

ios

iphone-x