如何管理Tab Bar布局：返回按钮旁加图片+中部添加文本

需求：在Tab Bar对应的导航栏中，在返回按钮旁添加一张图片，同时在导航栏中部展示文本。

实现代码（Swift） #

// 创建标题标签
let label = UILabel()
label.text = "下单" // 原文本"Haz tu pedido"翻译为中文
label.sizeToFit()
label.textAlignment = .center
label.medium(size: 20, fontFamily: .roboto, color: .white) // 假设这是自定义字体设置方法
label.frame.origin.y = 0

// 创建图片视图
let imageView = UIImageView()
imageView.image = UIImage(named: "IconSmall.png")
guard let image = imageView.image else { return } // 替换强制解包，避免图片加载失败崩溃
let imageAspectRatio = image.size.width / image.size.height
imageView.frame = CGRect(
    x: label.frame.origin.x - label.frame.size.height * imageAspectRatio,
    y: label.frame.origin.y,
    width: label.frame.size.height * imageAspectRatio,
    height: label.frame.size.height
)
imageView.contentMode = .scaleAspectFit

// 创建水平栈视图组合图片与标签
let stackView = UIStackView(arrangedSubviews: [imageView, label])
stackView.axis = .horizontal
stackView.alignment = .center // 让元素垂直居中对齐
stackView.spacing = 8 // 添加间距，避免图片与文本紧贴

// 将栈视图设置为导航栏标题视图
tabBarController?.navigationItem.titleView = stackView

优化说明 #

• 替换原代码中的强制解包逻辑，避免图片加载失败时触发崩溃
• 新增栈视图的垂直对齐与间距设置，提升布局美观度
• 翻译原西班牙语文本为中文，可根据实际需求自行修改

内容的提问来源于stack exchange，提问作者LgSus97