SwiftUI：在更多选项卡中更改导航栏标题？

Question

我开始关注 swiftUI。所以我在导航视图中有一个简单的 tabView，如下所示。

import SwiftUI

struct BasicView: View {
    var climbList: [ClimbDetail]
    var body: some View {
        NavigationView{
           VStack{
            Text("").navigationBarTitle("Climbers Log", displayMode:.inline)
                TabView {
                    Text("Search").tabItem{
                        Image(systemName:"magnifyingglass")
                        Text("Search")
                    }
                    Text("Stats").tabItem{
                        Image(systemName:"list.dash")
                        Text("Stats")
                    }
                    ClimbList(climbs: climbList).tabItem{
                        Image(systemName: "square")
                        Text("Climbs")
                    }
                    Text("Log").tabItem{
                        Image(systemName:"square.and.pencil")
                        Text("Log")
                    }
                    
                    Text("Profile").tabItem{
                        Image(systemName:"person.circle")
                        Text("Profile")
                    }
                    Text("Settings").tabItem{
                        Image(systemName:"gear")
                        Text("Settings")
                    }
                    Text("Add Climb").tabItem{
                        Image(systemName:"plus")
                        Text("Add Climb")
                    }
                }
            }
        }
    }
}

通常它可以按预期工作，但是由于我有 7 个标签，因此它与第 5 个标签的“更多”标签相对应。这对用户来说很好。

但是我的问题是，当您单击“更多”标签时，您会看到标题栏和编辑按钮，标题为“更多”。它出现在我上面设置的标题栏下方。

所以我的问题是当用户在“更多”选项卡上时如何隐藏我的 titleBar 并且只在其他选项卡中显示它？

Answer 1

首先，感谢您的提问。我不知道 Apple 默认为太长的 TabBars 提供更多页面。我一直需要那个。

回到你的问题，你只需要重新安排事情。首先，将 TabBar 设为顶层。然后是 NavigationView，你的内容就来了。稍后您可能会将每个视图外包给一个自己的文件。

TabView {

    NavigationView
    {
        VStack
        {
            Text("Search")
        }
        .navigationBarTitle("Climbers Log", displayMode:.inline)
    }.tabItem {
        Image(systemName:"magnifyingglass")
        Text("Search")
    }

 

每个视图都有自己的 NavigationView.. 然后它就可以工作了。