嵌入NavigationView时EditMode与EditButton出现异常行为

• NavigationView的EditMode环境独立管理：NavigationView内部会维护专属的editMode环境变量，默认情况下，如果你没在导航栏添加EditButton或手动控制这个环境状态，你绑定的editMode其实是导航视图的内部状态，而非你自定义的切换逻辑，自然不会响应你的操作。
• 状态绑定冲突问题：当在NavigationView内部使用@Environment(\.editMode)时，它会覆盖外部的状态绑定。如果你的切换逻辑基于自定义@State变量，必须手动同步这个状态到导航视图的环境中，或者直接用导航视图提供的编辑按钮来管控状态。
• 正确实现方式示例：
  1. 用系统EditButton让导航视图管理状态：

     struct ContentView: View {
         @Environment(\.editMode) var editMode
         
         var body: some View {
             NavigationView {
                 Text(editMode?.isEditing == true ? "Editing" : "Not editing")
                     .toolbar {
                         EditButton()
                     }
             }
         }
     }
     

  2. 自定义切换按钮并同步状态：

     struct ContentView: View {
         @State private var isEditing = false
         @Environment(\.editMode) var editMode
         
         var body: some View {
             NavigationView {
                 Text(isEditing ? "Editing" : "Not editing")
                     .toolbar {
                         Button(isEditing ? "Done" : "Edit") {
                             isEditing.toggle()
                             editMode?.wrappedValue = isEditing ? .active : .inactive
                         }
                     }
                     .onChange(of: editMode?.isEditing) { newValue in
                         isEditing = newValue ?? false
                     }
             }
         }
     }
     

• 易遗漏的核心点：多数情况是忘记在NavigationView的toolbar中添加EditButton，导致导航视图的editMode状态从未被触发，文本自然不会更新；另外，使用自定义状态却不同步环境editMode，会造成两者状态脱节，显示异常。

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