SwiftUI如何为Tab Bar Item同时添加图片与标签？

嘿，我来帮你搞定这个问题！你当前的代码只能单独设置Tab Bar Item的图片或文字，核心原因是.tabItemLabel一次只能接收单个视图（要么是Image要么是Text）。其实SwiftUI有更灵活的方案，直接用.tabItem修饰器就能同时添加图片和文字。

修改后的代码示例 #

var body: some View {
    Text("Library")
        .font(.title)
        .tabItem {
            Image("first") // 你的目标图片名称
            Text("Library") // 你的标签文字内容
        }
        .tag(0)
}

为什么这样可行？ #

.tabItem的闭包支持传入多个视图，系统会自动按照Tab Bar的默认样式（垂直排列）来展示它们。如果你需要自定义布局（比如调整图片和文字的间距），也可以手动用VStack包裹并设置参数：

.tabItem {
    VStack(spacing: 2) {
        Image("first")
        Text("Library")
    }
}

另外补充一点：.tabItemLabel是比较早期的API，现在SwiftUI更推荐使用.tabItem的闭包形式，它能满足更多自定义需求。

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