SwiftUI中无需通过Binding传递即可访问父视图变量的方法

你可以通过SwiftUI的环境系统实现状态跨层级共享，不需要逐层传递Binding，以下是两种常用实现方案：

方案1：自定义环境键（单值共享场景更轻量） #

适合只有showCommentView这单个值需要跨层级访问的场景，不会产生运行时崩溃风险。

实现步骤 #

1. 先定义环境键并扩展系统环境值

// 自定义环境键
struct ShowCommentViewKey: EnvironmentKey {
    static let defaultValue: Binding<Bool> = .constant(false)
}
// 扩展环境值便捷访问入口
extension EnvironmentValues {
    var showCommentView: Binding<Bool> {
        get { self[ShowCommentViewKey.self] }
        set { self[ShowCommentViewKey.self] = newValue }
    }
}

2. 父视图注入Binding到环境

struct AudioListView: View {
    @State var showCommentView = false 
    
    var body: some View {
        // 不需要给SecondView传参
        SecondView()
            // 注入Binding到环境
            .environment(\.showCommentView, $showCommentView)
            // 原有的弹窗逻辑直接关联@State即可
            .sheet(isPresented: $showCommentView) {
                CommentView()
            }
    }
}

3. 任意层级子视图直接访问

struct SecondView: View {
    // 直接从环境取，不需要上层传递
    @Environment(\.showCommentView) private var showCommentView
    
    var body: some View {
        Button("打开评论") {
            // 修改值
            showCommentView.wrappedValue = true
        }
        // 绑定到控件也可以直接用：Toggle("显示评论", isOn: showCommentView)
    }
}

// 更深层级的视图也可以直接访问，不需要中间层传递参数
struct NthLevelSubView: View {
    @Environment(\.showCommentView) private var showCommentView
    
    var body: some View {
        Button("关闭评论") {
            showCommentView.wrappedValue = false
        }
    }
}

方案2：ObservableObject + EnvironmentObject（多状态共享场景更易管理） #

适合有多个全局状态需要统一管理的场景，所有状态都可以放在同一个ObservableObject类里。

实现步骤 #

1. 定义状态管理类

class AppState: ObservableObject {
    // 所有需要共享的状态都可以放这里
    @Published var showCommentView = false
}

2. 父视图注入状态实例到环境

struct AudioListView: View {
    // 持有状态实例
    @StateObject private var appState = AppState()
    
    var body: some View {
        SecondView()
            .environmentObject(appState)
            .sheet(isPresented: $appState.showCommentView) {
                CommentView()
            }
    }
}

3. 任意层级子视图直接访问

struct SecondView: View {
    @EnvironmentObject private var appState: AppState
    
    var body: some View {
        Button("打开评论") {
            appState.showCommentView = true
        }
    }
}

注意：该方案需要确保上层已经注入对应类型的EnvironmentObject，否则运行时会触发崩溃。

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