如何删除默认的导航栏空间在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: "")
    }
}

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

当前回答

我必须从屏幕1导航到屏幕2。如果我像上面那样使用导航栏，导航栏将被隐藏，但它的空间仍然存在(高度的空间)在屏幕1中。

最后，我有自己的解决方案，在NavigationView内的任何视图中使用这段代码，不关心navigationBarTitle。就像这样:

Screen1:

NavigationView {
    SomeView {
        NavigationLink {
        // go to screen2
        }
    }.navigationBarHidden(true)
}

Screen2:

NavigationView {
// some Views
}.navigationBarHidden(true)

2021-12-13 09:13:33

其他回答

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

2020-02-19 08:48:36

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

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

2022-02-05 05:28:18

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

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

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

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

2020-08-31 01:34:03

我试着设置 .navigationBarTitle(""， displayMode: .inline) .navigationBarHidden(true) 但这并不奏效。问题是我把它设置成

NavigationView{...}.navigationBarTitle("", displayMode: .inline)
        .navigationBarHidden(true)

但是为了摆脱NagigationBar，它应该被设置为内部视图

NavigationView{
InnerView{}.navigationBarTitle("", displayMode: .inline)
        .navigationBarHidden(true)
}

希望这能有所帮助要查看具体操作，您可以查看这个开源应用程序(WIP) https://github.com/deepaksingh4/KidsBookApp

2021-03-30 18:40:21

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

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

那么就调用例如:

ZStack {
    *YOUR CONTENT*
}
.hideNavigationBar()

2020-01-22 16:03:56

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

推荐文章

最新文章

标签