SwiftUI - 如何在编辑模式下避免列表中的行缩进，但不使用 onDelete？（附上代码/视频）

Question

在 SwiftUI 中，当我进入编辑模式但不使用 onDelete 时，如何避免在我的列表中缩进行内容？这是当前我的行内容在发生这种情况时缩进，好像“删除”按钮将显示在左侧，但是我没有使用 onDelete 所以那里没有按钮。

动画 GIF

代码摘录在这里：

var body: some View {
    VStack{
        List() {
            ForEach(gcTasks) { gcTask in
                HStack {
                    GCTaskRow(withGcTask: gcTask, haha: "")
                }
            }
            // .onDelete(perform: self.deleteTask)   // NOTE: HAVE REMOVED
            .onMove(perform: self.move)
        }
    }
    .environment(\.editMode, listInEditMode ? .constant(.active) : .constant(.inactive))
}

背景 - 实际上想要始终处于编辑模式，即总是可以选择向上/向下拖动行，但是永远不会使用删除，因此想要查看 onDelete 的所有痕迹，在这种情况下是自动缩进..

更新：另一个例子（操场）是如何发生不需要的缩进的：

import SwiftUI
import PlaygroundSupport

let modelData: [String] = ["Eggs", "Milk", "Bread"]

struct ListTestNoDelete: View {
    private func move(from uiStartIndexSet: IndexSet, to uiDestIndex: Int) {
        print("On Move")
    }
    var body: some View {
        NavigationView {
            VStack {
                List {
                    ForEach(modelData, id: \.self) { str in
                        Text(str)
                    }
                    .onMove(perform: self.move)
                }
                .environment(\.editMode, .constant(.active))
                .navigationBarTitle( Text("Test") )
            }
        }
    }
}


let listTest = ListTestNoDelete()
PlaygroundPage.current.liveView = UIHostingController(rootView: listTest)

Answer 1

也许值得向 Apple 提交请求，但这是默认行为。目前可以采用以下解决方法。使用 Xcode 11.4 / iOS 13.4 测试。

struct DemoListEditMode: View {

    @State var items = ["a","b","c","d","e"]

    var body: some View {
        List {
            ForEach(items, id: \.self) { z in
                HStack {
                    Image(systemName: "checkmark.square") // just for demo
                    Text("\(z)")
                }
            }.onMove(perform: self.move)
            .listRowInsets(EdgeInsets(top: 0, leading: -24, // workaround !!
                bottom: 0, trailing: 0))                    
        }
        .environment(\.editMode, .constant(.active)) // persistent edit mode
    }

    func move(source: IndexSet, destination: Int) {
        self.items.move(fromOffsets: source, toOffset: destination)
    }
}

Answer 2

也许不是一个非常优雅的修复，但您可以将列表扩展到左侧。

List {
    // ...
}
// .padding(.leading, self.isEditing == .inactive ? 0 : -39)
.padding(.leading, self.isEditing ? -45 : 0)

更新：

我创建了一个 ListSelectionBoxWidthReader 来查找准确的选择框宽度，因为它似乎因设备和 iOS 版本而异。您可以在此要点中找到它：https://gist.github.com/Amzd/2e1c56675109a005f11c77a7f2dbe224