SwiftUI 在后退按钮上显示导航栏标题，但在前一个视图中不显示

Question

我有两种观点，一种导向另一种。我希望第二个视图使用第一个视图的标题作为后退按钮，然后应该是：“

问题：我无法隐藏导航栏，因为它还会隐藏其中的 自定义按钮。设置.navigationTitle("") 会在第一个视图中隐藏标题，但也会在第二个视图的后退按钮中隐藏它。

我现在拥有的：

我想要什么：

代码：

struct ContentView: View {
    @State var isLinkActive = false
    
    var body: some View {
        NavigationView {
            VStack {
            NavigationLink("go to the second view", destination: SecondView(), isActive: $isLinkActive).navigationTitle("View1")
                .navigationBarItems(leading: Button(action: {
                    ()
                }, label: {
                    Text("custom button")
                }))
            }
        }.navigationViewStyle(StackNavigationViewStyle())
        
    }
    
    private func btnPressed() {
        isLinkActive = true
    }
}

struct SecondView: View {
    var body: some View {
        Color.blue
    }
}

Answer 1

您还需要为目标视图创建自定义后退按钮，并且您不应该为navigationLink 设置导航标题，这就是您无法隐藏的原因“View1” 正确。

检查下面的代码。

import SwiftUI

struct Test: View {
    @State var isLinkActive = false
    
    
    var body: some View {
        NavigationView {
            VStack {
                NavigationLink("go to the second view", destination: SecondView()
                                .navigationBarBackButtonHidden(true)
                                .navigationBarItems(leading: Button(action: {
                                    isLinkActive = false
                                }, label: {
                                    HStack{
                                        Image(systemName: "backward.frame.fill")
                                        Text("View1")
                                    }
                                })) ,
                               isActive: $isLinkActive)
                
            }.navigationBarItems(leading: Button(action: {
                ()
            }, label: {
                Text("custom button")
            }))
        }.navigationViewStyle(StackNavigationViewStyle())
        
        
    }
    
    private func btnPressed() {
        isLinkActive = true
    }
}

struct SecondView: View {

    var body: some View {
        Color.blue
    }
}

您可以尝试将navigationBar 代码设为可重用组件，因为您可能需要在多个地方执行此操作。

输出-：