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

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


当前回答

你不需要设置标题,你可以简单地使用.stack

NavigationView {
     VStack {
         Color.cyan
      }
     .navigationBarHidden(true)
}
.navigationViewStyle(.stack)  // Here

其他回答

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

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

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

如果你将视图的标题设置为内联的,你想要删除空间,这并不需要在带有NavigationView的视图上完成,但也需要在导航的视图上完成。

.navigationBarTitle("", displayMode: .inline)

然后简单地改变导航栏的外观

init() {
    UINavigationBar.appearance().setBackgroundImage(UIImage(), for: .default)
    UINavigationBar.appearance().shadowImage = UIImage()
}

在持有初始NavigationView的视图上。

如果您想在屏幕之间更改外观,请在适当的视图中更改外观

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

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

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

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

同样的问题,我终于解决了。为了让导航完全消失,你需要在NavigationView和它里面的所有NavigationsLinks中添加这些修饰符:

.navigationBarHidden(true)
.navigationBarTitleDisplayMode(.inline)

如果你不这样做,NavigationLinks也不会工作。