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

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

当前回答

我试着设置 .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

其他回答

iOS 14 +

有一个专用的修改器，使导航栏占用更少的空间:

.navigationBarTitleDisplayMode(.inline)

EDIT

在某些情况下，仍然需要添加.navigationBarHidden(true)

2020-11-02 20:38:47

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

.navigationBarHidden(true)
.navigationBarTitleDisplayMode(.inline)

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

2021-12-06 10:17:33

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

.navigationBarTitle("", displayMode: .inline)

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

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

在持有初始NavigationView的视图上。

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

2020-08-14 12:29: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

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

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

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

2019-08-17 03:04:07

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

推荐文章

最新文章

标签