在 SwiftUI 中的点击手势上显示/隐藏导航栏和标签栏？

Question

当我点击视图时，我试图显示/隐藏我的NavigationBar和我的标签栏。

我有一个我想点击的背景视频，然后导航栏和标签栏应该消失，如果我再次点击它，导航栏和标签应该会重新出现。

我目前什至无法隐藏导航栏。

我使用这段代码：

struct FirstView: View {
 
    var body: some View {
        NavigationView {
            ZStack {
                PlayerView()
                    .edgesIgnoringSafeArea(.all)
                    .onTapGesture(count: 1) {
                        print("tapped!")
                            self.navigationBarHidden(true)
                            self.navigationBarTitle("", displayMode: .inline)
                            self.edgesIgnoringSafeArea([.top, .bottom])
                    }
    
                }
            }
                
                
            }
        }

它基本上是我正在尝试使用的代码：

             .onTapGesture(count: 1) {
                    print("tapped!")
                        self.navigationBarHidden(true)
                        self.navigationBarTitle("", displayMode: .inline)
                        self.edgesIgnoringSafeArea([.top, .bottom])
                }

上面的代码将被打印出来！ 但它并没有隐藏任何东西。

我在这里想念什么？

Answer 1

你需要有 state 才能隐藏导航栏，像这样

struct FirstView: View {
    @State private var hideNavigationBar = false
    
    var body: some View {
        NavigationView {
            ZStack {
                PlayerView()
                    .edgesIgnoringSafeArea(.all)
                    .onTapGesture(count: 1) {
                        print("tapped!")
                        self.hideNavigationBar.toggle()
                    }
                
            }
            .navigationBarHidden(hideNavigationBar)
            .navigationBarTitle("", displayMode: .inline)
            .edgesIgnoringSafeArea([.top, .bottom])
        }
    }
}