我们如何创建一个更大的中心 UITabBar Item

我想知道我们如何创建一个更大的中心 UITabBar，如下图所示？真的很漂亮！！！！

单击要突出显示的特定选项卡栏项目的视图控制器内的选项卡栏按钮，

删除文本，只需将标签栏按钮的图像插入顶部设置为-25即可。

就像下图一样

在那之后

goto assets,
select the image you set in tab bar button,
set the property Rendering As to Original Image (in case if you have a colourful button or else it would render as one colour)
Like below,

Now, You will get it like you wanted,

编辑：要使上半部分可点击，请继承 UITabBar

class ProminentTabBar: UITabBar {
    var prominentButtonCallback: (()->())?
    
    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        guard let items = items, items.count>0 else {
            return super.hitTest(point, with: event)
        }
        
        let middleItem = items[items.count/2]
        let middleExtra = middleItem.imageInsets.top
        let middleWidth = bounds.width/CGFloat(items.count)
        let middleRect = CGRect(x: (bounds.width-middleWidth)/2, y: middleExtra, width: middleWidth, height: abs(middleExtra))
        if middleRect.contains(point) {
            prominentButtonCallback?()
            return nil
        }
        return super.hitTest(point, with: event)
    }
}

并在 TabBarController 添加这个

override func viewDidLoad() {
    super.viewDidLoad()
    
    let prominentTabBar = self.tabBar as! ProminentTabBar
    prominentTabBar.prominentButtonCallback = prominentTabTaped
}

func prominentTabTaped() {
    selectedIndex = (tabBar.items?.count ?? 0)/2
}

请记住，对于 UITabBar 没有很好的解决方案:-)