我是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: "")
    }
}

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


当前回答

你可以像这样扩展原生View协议:

extension View {
    func hideNavigationBar() -> some View {
        self
            .navigationBarTitle("", displayMode: .inline)
            .navigationBarHidden(true)
    }
}

那么就调用例如:

ZStack {
    *YOUR CONTENT*
}
.hideNavigationBar()

其他回答

这是迄今为止我发现的最简单、最稳定的方法。你可以通过隐藏整个工具栏来隐藏导航标题和后退按钮。您可以显示,也可以选择在任何视图中显示它。你可以通过使用.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。

NavigationView的目的是在视图的顶部添加导航栏。在iOS中,有两种导航条:大导航条和标准导航条。

如果你不想要导航栏:

FileBrowserView(jsonFromCall: URLRetrieve(URLtoFetch: applicationDelegate.apiURL))

如果你想要一个大的导航栏(通常用于顶级视图):

NavigationView {
    FileBrowserView(jsonFromCall: URLRetrieve(URLtoFetch: applicationDelegate.apiURL))
    .navigationBarTitle(Text("Title"))
}

如果你想要一个标准(内联)导航栏(通常用于子级别视图):

NavigationView {
    FileBrowserView(jsonFromCall: URLRetrieve(URLtoFetch: applicationDelegate.apiURL))
    .navigationBarTitle(Text("Title"), displayMode: .inline)
}

希望这个答案对你有所帮助。

更多信息:苹果文档

非常喜欢@Vatsal Manot给出的为这个创建修饰符的想法。 从他的答案中删除isHidden属性,因为我不认为它有用,因为修饰符名称本身表明隐藏导航栏。

// Hide navigation bar.
public struct NavigationBarHider: ViewModifier {

    public func body(content: Content) -> some View {
        content
            .navigationBarTitle("")
            .navigationBarHidden(true)
    }
}

extension View {
    public func hideNavigationBar() -> some View {
        modifier(NavigationBarHider())
    }
}

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

   .navigationTitle("")
   .navigationBarBackButtonHidden(true)

出于某种原因,SwiftUI要求你也为. navigationbarhidden设置. navigationbartitle才能正常工作。

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

更新

正如@ peacmoonon在评论中指出的那样,当你在导航堆栈中导航时,导航栏仍然隐藏,不管你是否在后续视图中将navigationBarHidden设置为false。正如我在评论中所说,这要么是苹果执行不力的结果,要么只是糟糕的文档(谁知道呢,也许有一种“正确”的方法来实现这一点)。

无论如何,我想出了一个变通办法,似乎能产生原始海报想要的结果。我很犹豫要不要推荐它,因为它看起来没有必要那么俗气,但是没有任何直接的隐藏和取消隐藏导航栏的方法,这是我能做的最好的了。

这个例子使用了三个视图——View1有一个隐藏的导航条,View2和View3都有带有标题的可见导航条。

struct View1: View {
    @State var isNavigationBarHidden: Bool = true

    var body: some View {
        NavigationView {
            ZStack {
                Color.red
                NavigationLink("View 2", destination: View2(isNavigationBarHidden: self.$isNavigationBarHidden))
            }
            .navigationBarTitle("Hidden Title")
            .navigationBarHidden(self.isNavigationBarHidden)
            .onAppear {
                self.isNavigationBarHidden = true
            }
        }
    }
}

struct View2: View {
    @Binding var isNavigationBarHidden: Bool

    var body: some View {
        ZStack {
            Color.green
            NavigationLink("View 3", destination: View3())
        }
        .navigationBarTitle("Visible Title 1")
        .onAppear {
            self.isNavigationBarHidden = false
        }
    }
}

struct View3: View {
    var body: some View {
        Color.blue
            .navigationBarTitle("Visible Title 2")
    }
}

在导航堆栈中更深的视图上设置navigationBarHidden为false似乎不能正确地覆盖最初将navigationBarHidden设置为true的视图的首选项,所以我能想到的唯一的解决方法是使用绑定来改变原始视图的首选项,当一个新视图被推到导航堆栈上时。

就像我说的,这是一个俗气的解决方案,但没有苹果的官方解决方案,这是我能想到的最好的解决方案。