SwiftUI TabView中tabItem自定义水平对齐样式失效，元素垂直排列求助

这不是操作错误，核心原因是TabView的tabItem自带默认布局规则，会强制Label采用垂直排列，直接给Label添加的自定义样式会被覆盖。可以通过以下两种方式解决：

方法1：自定义LabelStyle并通过环境全局生效 #

创建水平排列的Label样式，再通过环境变量让TabView内的所有tabItem自动应用该样式：

struct HorizontalLabelStyle: LabelStyle {
    func makeBody(configuration: Configuration) -> some View {
        HStack(spacing: 8) {
            configuration.icon
            configuration.title
        }
    }
}

// 在TabView层级设置环境样式
TabView {
    Text("首页")
        .tabItem {
            Label("首页", systemImage: "house")
        }
    // 其他tab页面
}
.environment(\.labelStyle, HorizontalLabelStyle())

方法2：直接用HStack替代Label #

如果不想自定义样式，也可以在tabItem里手动用HStack排列图标和文本，绕过Label的默认限制：

TabView {
    Text("首页")
        .tabItem {
            HStack(spacing: 8) {
                Image(systemName: "house")
                Text("首页")
            }
        }
    // 其他tab页面
}

注意：不同iOS版本或平台（如macOS）的TabView样式可能存在差异，测试时需覆盖目标系统版本。

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