SwiftUI 中 NavigationView 导航栏的自定义后退按钮

发布于08月21日

我想添加一个定制的导航按钮，看起来有点像这样:

现在，我已经为此编写了一个自定义的BackButton视图.当将该视图作为主要导航栏项应用时，请执行以下操作:

.navigationBarItems(leading: BackButton())

...导航视图如下所示:

我用过这样的修饰语:

.navigationBarItem(title: Text(""), titleDisplayMode: .automatic, hidesBackButton: true)

没有任何运气.

问题

我怎么能...

在导航栏中设置用作自定义后退按钮的视图？或者:
以编程方式将视图弹出回其父视图

TL；博士

使用此选项转换视图:

NavigationLink(destination: SampleDetails()) {}

将以下内容添加到视图本身:

@Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>

然后，在按钮操作或其他操作中，关闭视图:

presentationMode.wrappedValue.dismiss()

完整代码

从家长处，使用NavigationLink导航

 NavigationLink(destination: SampleDetails()) {}

详细信息查看隐藏navigationBarBackButton并将自定义后退按钮设置为前导navigationBarItem，

struct SampleDetails: View {
    @Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>

    var btnBack : some View { Button(action: {
        self.presentationMode.wrappedValue.dismiss()
        }) {
            HStack {
            Image("ic_back") // set image here
                .aspectRatio(contentMode: .fit)
                .foregroundColor(.white)
                Text("Go back")
            }
        }
    }
    
    var body: some View {
            List {
                Text("sample code")
        }
        .navigationBarBackButtonHidden(true)
        .navigationBarItems(leading: btnBack)
    }
}