我是SwiftUI的新手(像大多数人一样),试图弄清楚如何删除我嵌入在NavigationView中的List上面的一些空白。

在此图像中,您可以看到列表上方有一些空白。

我想要完成的是:

我试过用:

.navigationBarHidden(true)

但这并没有带来任何明显的变化。

我现在像这样设置我的navigationview:

NavigationView {
    FileBrowserView(jsonFromCall: URLRetrieve(URLtoFetch: applicationDelegate.apiURL))
        .navigationBarHidden(true)
}

其中FileBrowserView是一个带有List和FileCells的视图,定义如下:

List {
   Section(header: Text("Root")) {
       FileCell(name: "Test", fileType: "JPG",fileDesc: "Test number 1")
       FileCell(name: "Test 2", fileType: "txt",fileDesc: "Test number 2")
       FileCell(name: "test3", fileType: "fasta", fileDesc: "")
    }
}

我想指出的是,这里的最终目标是,您将能够单击这些单元格来更深入地导航到文件树中,因此在更深入的导航中应该在栏上显示一个后退按钮,但在我的初始视图中,我不希望顶部出现这样的任何东西。


当前回答

对我来说,我应用。navigationbartitle到NavigationView,而不是列表是罪魁祸首。这适用于我在Xcode 11.2.1:

struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink(destination: DetailView()) {
                    Text("I'm a cell")
                }
            }.navigationBarTitle("Title", displayMode: .inline)
        }
    }
}

其他回答

对我来说,我应用。navigationbartitle到NavigationView,而不是列表是罪魁祸首。这适用于我在Xcode 11.2.1:

struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink(destination: DetailView()) {
                    Text("I'm a cell")
                }
            }.navigationBarTitle("Title", displayMode: .inline)
        }
    }
}

我有一个类似的问题,当工作在一个应用程序,TabView应该显示一旦用户登录。

正如@graycampbell在他的评论中建议的那样,TabView不应该嵌入到NavigationView中,否则“空白”将会出现,即使使用.navigationBarHidden(true)

我使用ZStack来隐藏NavigationView。注意,对于这个简单的示例,我使用@State和@Binding来管理UI可见性,但是您可能希望使用更复杂的东西,例如环境对象。

struct ContentView: View {

    @State var isHidden = false

    var body: some View {
        
        ZStack {
            if isHidden {
                DetailView(isHidden: self.$isHidden)
            } else {
                NavigationView {
                    Button("Log in"){
                        self.isHidden.toggle()
                    }
                    .navigationBarTitle("Login Page")
                }
            }
        }
    }
}

当我们按下Log In按钮时,初始页面消失,DetailView被加载。当我们切换注销按钮时,登录页面重新出现

struct DetailView: View {
    
    @Binding var isHidden: Bool
    
    var body: some View {
        TabView{
            NavigationView {
                Button("Log out"){
                    self.isHidden.toggle()
                }
                .navigationBarTitle("Home")
            }
            .tabItem {
                Image(systemName: "star")
                Text("One")
            }
        }
    }
}

我有同样的问题,并发现下面的代码工作得最好。

   .navigationTitle("")
   .navigationBarBackButtonHidden(true)

对我来说,这是因为我从一个现有的。实际上是一个在另一个里面。如果你来自一个NavigationView,你不需要在下一个NavigationView中创建一个,因为你已经在NavigationView中了。

这是迄今为止我发现的最简单、最稳定的方法。你可以通过隐藏整个工具栏来隐藏导航标题和后退按钮。您可以显示,也可以选择在任何视图中显示它。你可以通过使用.toolbar(.hidden)隐藏它,并通过使用.toolbar(.visible)修饰符使它可见。

剪力/ 16 +

struct ContentView: View {
    var body: some View {
        NavigationStack {
            List {
                ForEach(0..<10) { i in
                    NavigationLink {
                        Text("Detail for Row \(i)")
                    } label: {
                        Text("Row \(i)")
                    }
                }
            }
            
            .toolbar(.hidden)
        }
    }
}

如果你的目标在iOS 16以下,你可以用NavigationView替换NavigationStack。