SwiftUI中使用TabView时首个TabBar按钮重复显示问题

看起来你遇到的核心问题是TabView的选中状态绑定类型与tab项的tag类型不匹配，再加上一些多余的代码残留，导致了UI显示异常。下面是一步步的修复方案：

1. 修正TabView的Tag类型匹配问题 #

在你的HostingTabBar代码中，selectedTab绑定的是自定义的Tab枚举类型，但每个tab项的.tag()却用了Int值（0、1、2...）。这种类型不匹配会让SwiftUI的TabView无法正确跟踪选中状态，进而引发诸如重复显示标签的异常。

修改HostingTabBar中的TabView部分，把每个tab的tag替换成对应的枚举值：

TabView(selection: $selectedTab) {
    LanguageView()
        .tag(Tab.language) // 替换原来的.tag(0)
        .tabItem {
            Text("Language")
            Image("language")
        }
    CanvasView()
        .tag(Tab.canvas) // 替换原来的.tag(1)
        .tabItem {
            Text("Canvas")
            Image("canvas")
        }
    HomeworkView()
        .tag(Tab.homework) // 替换原来的.tag(2)
        .tabItem {
            Text("Homework")
            Image("homework")
        }
    // 移除这部分TestView代码，因为你已经把Test移到More标签页了
    // TestView()
    //     .tag(3)
    //     .tabItem {
    //         Text("Test")
    //         Image("test")
    //     }
    MoreView()
        .tag(Tab.more) // 替换原来的.tag(4)
        .tabItem {
            Text("More")
            Image("more")
        }
}

同时，记得把Tab枚举里的case test也删掉，保持代码干净：

private enum Tab: Hashable {
    case language
    case canvas
    case homework
    case more // 移除case test
}

2. 优化NavigationView的嵌套（可选，针对iOS 16+） #

在你的LanguageView和WordsView中，都使用了NavigationView嵌套在TabView里。在iOS 16及以上版本，苹果推荐使用NavigationStack替代NavigationView，这样可以避免一些嵌套导致的UI交互问题，比如导航栏与TabBar的冲突：

把LanguageView中的：

NavigationView {
    // ... 原有内容
}

替换成：

NavigationStack {
    // ... 原有内容
}

WordsView同理。

3. 验证修复效果 #

做完以上修改后，重新运行App：

• TabView的选中状态会正确绑定到Tab枚举，不会再出现类型不匹配导致的异常
• 多余的Test tab项被移除，TabBar的布局符合你的需求
• Navigation相关的UI也会更加稳定

这些改动应该能彻底解决你遇到的"Language标签重复显示"问题。

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