SwiftUI：如何根据父视图动态修改返回按钮文本

给ImageSettingView添加一个自定义参数，用来接收父视图传递的返回按钮文本，就能根据不同来源视图动态调整内容。

步骤1：修改ImageSettingView结构 #

新增backButtonTitle属性，把静态返回文本替换成这个动态参数：

struct ImageSettingView : View {
    // 新增：接收父视图传过来的返回按钮文本
    let backButtonTitle: String
    
    // 保留你原本的回调方法（如果没有可忽略）
    var onUserImage: () -> Void
    var onDelete: () -> Void

    var body: some View {
        GeometryReader { geometry in
            VStack {
                Form {
                    Text("Image View")
                }
                .navigationBarBackButtonHidden(true)
                .navigationBarItems(
                    leading:
                        Button(action: {
                            onUserImage()
                        }) {
                            HStack {
                                Image(systemName: "backward")
                                // 替换成动态参数
                                Text(backButtonTitle)
                            }
                        },
                    trailing:
                        Button(action: {
                            onDelete()
                        }) {
                            HStack {
                                Text("Delete")
                            }
                        }
                )
            }
        }
    }
}

步骤2：在父视图中传递对应文本 #

从不同父视图跳转时，传入对应的返回按钮文本即可：

示例1：从ImageColorView跳转

struct ImageColorView: View {
    @State private var showImageSetting = false
    
    var body: some View {
        Button("进入ImageSettingView") {
            showImageSetting = true
        }
        .sheet(isPresented: $showImageSetting) {
            ImageSettingView(backButtonTitle: "ImageColor",
                            onUserImage: { /* 你的回调逻辑 */ },
                            onDelete: { /* 你的回调逻辑 */ })
        }
    }
}

示例2：从ProfilePictureView跳转

struct ProfilePictureView: View {
    @State private var showImageSetting = false
    
    var body: some View {
        Button("进入ImageSettingView") {
            showImageSetting = true
        }
        .sheet(isPresented: $showImageSetting) {
            ImageSettingView(backButtonTitle: "ProfilePictureView",
                            onUserImage: { /* 你的回调逻辑 */ },
                            onDelete: { /* 你的回调逻辑 */ })
        }
    }
}

可选优化 #

如果想兼容原来的使用场景，可以给backButtonTitle设置默认值，这样没传值时会用原来的静态文本：

let backButtonTitle: String = "Image Collab View"

内容的提问来源于stack exchange，提问作者Mai pa