如何在 SwiftUI 中动态隐藏导航返回按钮

Question

我需要在异步操作期间暂时在视图中隐藏后退按钮。 我想阻止用户在操作完成之前离开视图。

可以使用 .navigationBarBackButtonHidden(true)永久隐藏它。 但是，显然用户在这种情况下无法返回，所以他们被卡住了。 我错过了什么？

这是一个人为的例子来演示：

struct TimerTest: View {
    @State var isTimerRunning = false

    var body: some View {
        Button(action:self.startTimer) {
            Text("Start Timer")
        }
        .navigationBarBackButtonHidden(isTimerRunning)
        //.navigationBarBackButtonHidden(true) // This does hide it, but then it can't be unhidden.
    }

    func startTimer()
    {
        self.isTimerRunning = true

        _ = Timer.scheduledTimer(withTimeInterval: 5.0, repeats: false) { timer in
            print("Timer fired!")
            self.isTimerRunning = false
        }
    }
}

Answer 1

这是有效的解决方案。后退按钮不能隐藏，它由 bar 管理并归父视图所有，但是可以通过以下方法隐藏整个导航栏。

使用 Xcode 11.4 / iOS 13.4 测试

struct ParentView: View {
    @State var isTimerRunning = false
    var body: some View {
        NavigationView {
            VStack {
                NavigationLink("Go", destination: TimerTest(isTimerRunning: $isTimerRunning))
            }
            .navigationBarHidden(isTimerRunning)
            .navigationBarTitle("Main")      // << required, at least empty !!
        }
    }
}

struct TimerTest: View {
    @Binding var isTimerRunning: Bool

    var body: some View {
        Button(action:self.startTimer) {
            Text("Start Timer")
        }
    }

    func startTimer()
    {
        self.isTimerRunning = true

        _ = Timer.scheduledTimer(withTimeInterval: 5.0, repeats: false) { timer in
            DispatchQueue.main.async {      // << required !!
                self.isTimerRunning = false
            }
        }
    }
}