SwiftUI实现根据父视图动态修改返回按钮文本

解决方案核心思路 #

给ImageSettingView添加自定义参数，接收父视图传递的返回按钮文本，实现动态配置。

1. 修改ImageSettingView结构 #

新增用于接收返回按钮标题的属性，同时补全代码中缺失的闭包定义：

struct ImageSettingView : View {
    // 新增：接收父视图传递的返回按钮标题
    var 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. 在父视图中传递对应标题 #

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

从ImageColorView跳转

struct ImageColorView: View {
    @State private var showImageSetting = false

    var body: some View {
        NavigationStack {
            Button("进入图片设置") {
                showImageSetting = true
            }
            .navigationDestination(isPresented: $showImageSetting) {
                ImageSettingView(
                    backButtonTitle: "ImageColor",
                    onUserImage: {
                        showImageSetting = false
                    },
                    onDelete: {
                        // 此处添加删除逻辑
                    }
                )
            }
        }
    }
}

从ProfilePictureView跳转

struct ProfilePictureView: View {
    @State private var showImageSetting = false

    var body: some View {
        NavigationStack {
            Button("进入图片设置") {
                showImageSetting = true
            }
            .navigationDestination(isPresented: $showImageSetting) {
                ImageSettingView(
                    backButtonTitle: "ProfilePictureView",
                    onUserImage: {
                        showImageSetting = false
                    },
                    onDelete: {
                        // 此处添加删除逻辑
                    }
                )
            }
        }
    }
}

这种方式通过自定义视图参数传递动态内容，既满足了复用需求，又能灵活适配不同父视图的场景。

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