如何删除默认的导航栏空间在SwiftUI导航视图

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

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

当前回答

非常喜欢@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())
    }
}

2020-03-02 07:17:12

其他回答

类似于@graycampbell的回答，但更简单一点:

struct YourView: View {

    @State private var isNavigationBarHidden = true

    var body: some View {
        NavigationView {
            VStack {
                Text("This is the master view")
                NavigationLink("Details", destination: Text("These are the details"))
            }
                .navigationBarHidden(isNavigationBarHidden)
                .navigationBarTitle("Master")
                .onAppear {
                    self.isNavigationBarHidden = true
                }
                .onDisappear {
                    self.isNavigationBarHidden = false
                }
        }
    }
}

设置标题是必要的，因为它显示在您导航到的视图中的后退按钮旁边。

2019-12-27 16:57:28

对我来说，我应用。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)
        }
    }
}

2020-02-12 14:25:09

我知道我有点晚了，但我刚刚用上面的答案解决了这个问题: 如何摆脱空间嵌套的NavigationView与SwiftUI

如果该页面的内容发生变化，我将在下面解释答案。

只在任何需要导航的视图的最顶层使用NavigationView包装器，无论嵌套的子视图往下走多远。它们都已经有NavigationView属性，你可以在子视图中的任何时候调用NavigationLink。我在子视图周围有很多额外的NavigationView包装，删除它们可以删除额外的空白，同时保留所有导航链接的功能。

2022-04-18 05:05:21

我对这个问题的解决方案与@Genki和@Frankenstein的建议相同。

我对内部列表(不是NavigationView)应用了两个修饰符来消除空格:

.navigationBarTitle("", displayMode: .automatic)
.navigationBarHidden(true)

在外层的NavigationView上，然后应用. navigationbartitle ("TITLE")来设置标题。

2020-08-31 01:34:03

试着把NavigationView放在一个GeometryReader里面。

GeometryReader {
    NavigationView {
        Text("Hello World!")
    }
}

当NavigationView是根视图时，我经历过奇怪的行为。

2019-08-17 03:04:07

如何删除默认的导航栏空间在SwiftUI导航视图

推荐文章

最新文章

标签