SwiftUI.Listで編集モードの時だけ削除・並べ替えを許可する実装方法（iOS16以上でも）

import SwiftUI

struct ContentViewNotWork: View {
  @State private var items = (0...20).map{ "hoge \($0)" }
  @State private var editMode: EditMode = .inactive

  var body: some View {
    NavigationView {
      List {
        Section {
          ForEach(items, id: \.self) { item in
            Text(item)
          }
          .onMove(perform: onMove)
          .onDelete(perform: onDelete)
          .deleteDisabled(!editMode.isEditing)
          .moveDisabled(!editMode.isEditing)
        }
      }
      .listStyle(.insetGrouped)
      .navigationBarTitle("Items")
      .toolbar {
        EditButton()
      }
      .environment(\.editMode, $editMode)
    }
  }

  private func onMove(from source: IndexSet, to destination: Int) {
    print("moved", source, destination)
  }

  private func onDelete(from source: IndexSet) {
    print("deleted", source)
  }
}

#Preview {
  ContentViewNotWork()
}

import SwiftUI

struct ContentView: View {
  @State private var items = (0...20).map{ "hoge \($0)" }
  @State private var editMode: EditMode = .inactive
  // ビューを入れ替える都合上，アニメーションのタイミングを調整する必要があり，ビューの表示切り替え用変数を用意する
  @State private var isEditingForViewSwitch = false

  var body: some View {
    NavigationView {
      List {
        if #available(iOS 16, *) {
          if isEditingForViewSwitch {
            MySection(items: items, onMove: onMove, onDelete: onDelete, editable: true)
          }
          else {
            MySection(items: items, onMove: onMove, onDelete: onDelete, editable: false)
          }
        }
        else {
            MySection(items: items, onMove: onMove, onDelete: onDelete, editable: editMode.isEditing)
        }
        Section {
          Text("editMode: \(editMode.isEditing ? "editing" : "not editing")")
          Text("isEditingForViewSwitch: \(isEditingForViewSwitch.description)")
        }
      }
      .listStyle(.insetGrouped)
      .navigationBarTitle("Items")
      .toolbar {
        ToolbarItem(placement: .topBarTrailing) {
          if #available(iOS 16, *) {
            Button(action: {
              // 編集モードから非編集モードに遷移する場合は，モード遷移アニメーションが終わってからビューを切り替える
              // アニメーション終了のタイミングを合わせるためにdurationを指定しているが，iOS17以降はアニメーションのcompletionハンドラがあるようなので，iOS17+ターゲットならそれを使ってもよいかも
              if editMode.isEditing {
                withAnimation(.easeInOut(duration: 0.5)) {
                  editMode = .inactive
                }
                DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
                  // 連続して操作された場合を考慮してトグルする
                  isEditingForViewSwitch.toggle()
                }
              }
              // 非編集モードから編集モードに遷移する場合は，ビューを切り替えてからモード遷移する
              else {
                // 連続して操作された場合を考慮してトグルする
                isEditingForViewSwitch.toggle()
                withAnimation {
                  editMode = .active
                }
              }
            }) {
              Text(editMode.isEditing ? "Done" : "Edit")
            }
          }
          else {
            EditButton()
          }
        }
      }
      .environment(\.editMode, $editMode)
    }
  }

  private func onMove(from source: IndexSet, to destination: Int) {
    print("moved", source, destination)
  }

  private func onDelete(from source: IndexSet) {
    print("deleted", source)
  }
}

struct MySection: View {
  var items: [String]
  var onMove: ((IndexSet, Int) -> Void)
  var onDelete: ((IndexSet) -> Void)
  var editable: Bool

  var body: some View {
    Section {
      ForEach(items, id: \.self) { item in
        Text(item)
      }
      .onMove(perform: onMove)
      .onDelete(perform: onDelete)
      .deleteDisabled(!editable)
      .moveDisabled(!editable)
    }
  }
}

#Preview {
  ContentView()
}