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

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

当前回答

我尝试在我的Vstack的花括号的末尾添加.navigationBarHidden(true)，就像这样

NavigationView { Vstack(){"some Code"}.navigationBarHidden(true)}

导航栏消失了，但如果我在导航栏的花括号后面添加。navigationbarhidden (true)，就像这样

    NavigationView { Vstack(){"some Code"}}.navigationBarHidden(true)

导航栏不会消失

2021-05-12 23:26:41

其他回答

我必须从屏幕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

类似于@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

这是一个存在于SwiftUI中的错误(在Xcode 11.2.1中仍然存在)。我写了一个ViewModifier来修复这个问题，基于现有答案的代码:

public struct NavigationBarHider: ViewModifier {
    @State var isHidden: Bool = false

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

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

2019-11-24 15:50:05

我尝试在我的Vstack的花括号的末尾添加.navigationBarHidden(true)，就像这样

NavigationView { Vstack(){"some Code"}.navigationBarHidden(true)}

导航栏消失了，但如果我在导航栏的花括号后面添加。navigationbarhidden (true)，就像这样

    NavigationView { Vstack(){"some Code"}}.navigationBarHidden(true)

导航栏不会消失

2021-05-12 23:26:41

iOS 14 +

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

.navigationBarTitleDisplayMode(.inline)

EDIT

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

2020-11-02 20:38:47

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

推荐文章

最新文章

标签