SwiftUI视图层级变量传递：将NestedView的dataArray传入SelectView

要把NestedView里的dataArray传递给ContentView中的SelectView，核心是调整数据流，让ContentView作为数据源的持有者，这样它就能直接把数据传给弹窗。下面是分步实现方案：

1. 把数据源提升到ContentView #

首先，在ContentView中定义dataArray的源数据，用@State来管理（因为它是视图的本地状态）：

struct ContentView: View {
    @State private var selection = 0
    @State private var darken = false
    // 初始化你的数据源，比如从API加载或者本地生成
    @State private var dataArray: [ItemDataModel] = [ItemDataModel(...), ...]

    var body: some View {
        TabView(selection: $selection) {
            // 传递绑定的dataArray给NestedView
            NestedView(dataArray: $dataArray, darken: $darken)
                .tabItem {
                    selection == 0 ? Image(systemName: "house.fill") : Image(systemName: "house")
                }
                .tag(0)
        }
        
        // 弹窗部分
        if darken {
            ZStack {
                ZStack {
                    Rectangle()
                        .ignoresSafeArea(.all)
                        .foregroundColor(Color.black).opacity(0.75)
                }
                .background(Blur(style: .systemChromeMaterial).opacity(0.85)
                    .ignoresSafeArea(.all))
                // 直接传入dataArray给SelectView
                SelectView(darken: $darken, dataArray: dataArray)
            }
        }
    }
}

2. 修改NestedView的属性包装器 #

原来的NestedView用@State持有dataArray，现在要改成@Binding，这样它就能和ContentView的数据源同步：

struct NestedView: View {
    @Binding var dataArray: [ItemDataModel] // 从@State改成@Binding
    @Binding var darken: Bool

    var body: some View {
        Button(action: {
            darken = true
        }) {
            // 按钮内容
        }
        // 其他使用dataArray的代码
    }
}

3. 配置SelectView的属性 #

根据你是否需要在SelectView中修改dataArray，选择对应的方式：

情况1：仅展示数据（只读） #

如果SelectView只是显示dataArray的内容，不需要修改，直接用普通的let变量即可，不需要属性包装器：

struct SelectView: View {
    @Binding var darken: Bool
    let dataArray: [ItemDataModel] // 只读，直接接收传递过来的数据

    var body: some View {
        // 在这里使用dataArray展示内容，比如List或者ForEach
        List(dataArray) { item in
            Text(item.name) // 假设ItemDataModel有name属性
        }
        // 关闭弹窗的按钮
        Button("关闭") {
            darken = false
        }
    }
}

情况2：需要修改数据（双向同步） #

如果SelectView需要修改dataArray（比如删除、添加条目），那么要用@Binding，这样修改会同步回ContentView和NestedView：

struct SelectView: View {
    @Binding var darken: Bool
    @Binding var dataArray: [ItemDataModel] // 双向绑定

    var body: some View {
        List {
            ForEach(dataArray) { item in
                Text(item.name)
            }
            .onDelete(perform: deleteItem) // 示例：删除条目
        }
        Button("关闭") {
            darken = false
        }
    }

    private func deleteItem(at offsets: IndexSet) {
        dataArray.remove(atOffsets: offsets)
    }
}

此时在ContentView中传递dataArray时也要用绑定：

SelectView(darken: $darken, dataArray: $dataArray)

为什么这样做？ #

原来的NestedView用@State持有dataArray，意味着这是它的局部状态，ContentView无法直接访问。通过把数据源提升到ContentView，并让NestedView通过@Binding访问，整个数据流就统一了，ContentView就能轻松把数据传给弹窗里的SelectView。

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