SwiftUI如何独立控制VStack内两个列表的EditMode编辑状态

SwiftUI 环境值默认沿视图树向下传递共享，子视图不会自动生成独立的环境值副本。仅将两个列表拆分为独立子视图、但没有显式给子视图注入新的环境值时，两个子视图读取到的仍然是根视图持有的同一个editMode环境值，这就是两类按钮都会同步切换状态的根本原因，和是否拆分子视图没有直接关系。

核心逻辑是给每个列表所在的视图子树单独注入独立的editMode状态，切断和根视图默认共享环境值的关联，参考实现如下：

struct EditModeInTwoLists: View {
    var body: some View {
        VStack{
            EmbedList1()
            EmbedList2()
        }
    }
}

struct EmbedList1: View{
    // 子视图内部持有独立的编辑状态，和其他列表互不干扰
    @State private var editMode: EditMode = .inactive
    
    var body: some View{
        VStack{
            // 自定义编辑按钮直接操作本地状态
            Button {
                editMode = editMode.isEditing ? .inactive : .active
            } label: {
                Text(editMode.isEditing ? "Done" : "Edit")
            }
            
            List{
                ForEach(1..<5){_ in
                    Text("List1")
                }
            }
            // 关键步骤：将本地状态注入当前子树的editMode环境值
            // 该子树下的List、原生EditButton等组件都会读取这个独立状态
            .environment(\.editMode, Binding(
                get: { editMode },
                set: { editMode = $0 }
            ))
        }
    }
}

struct EmbedList2: View{
    @State private var editMode: EditMode = .inactive
    
    var body: some View{
        VStack{
            Button {
                editMode = editMode.isEditing ? .inactive : .active
            } label: {
                Text(editMode.isEditing ? "Done" : "Edit")
            }
            
            List{
                ForEach(1..<5){_ in
                    Text("List2")
                }
            }
            .environment(\.editMode, Binding(
                get: { editMode },
                set: { editMode = $0 }
            ))
        }
    }
}

如果需要使用原生EditButton，只需要把上述代码里的自定义Button替换为EditButton()即可，按钮会自动绑定当前子树注入的独立editMode，不会出现跨列表同步的问题。

之前自定义按钮的实现中，直接通过@Environment(\.editMode)读取的是从父视图继承的共享环境值，没有给当前子树注入独立的editMode绑定，不管修改操作来自原生EditButton还是自定义按钮，改动的都是同一份根视图层级的状态，自然会触发两个列表同步切换。

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