如何在 SwiftUI 的列表中使用带有 swipeActions 的 NavigationLink

Question

考虑这样的 NavigationView 内的列表：

struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                Text("Shovel")
                Text("Bucket")
                Text("Sieve")
            
            }.navigationTitle("Sandbox")
        }
    }
}

我想将.swipeActions添加到列表条目的后沿，如下所示：

Text("Shovel")
    .swipeActions(edge: .trailing) {
        Button{} label: { Image(systemName: "trash.fill") }
    }

但是，一旦我将列表条目嵌入到NavigationLink中， .swipeActions就不再起作用了。

NavigationLink(destination: Text("Shovel")) {
    Text("Shovel")
        .swipeActions(edge: .trailing) {
            Button{} label: { Image(systemName: "trash.fill") }
        }
}

现在进入问题：

为什么会这样？我怎样才能同时拥有这两个功能？

谢谢你的帮助。

Answer 1

您应该像这样将SwipeAction添加到NavigationLink ：

NavigationLink(destination: Text("Shovel")) {
    Text("Shovel")
}.swipeActions(edge: .trailing) {
    Button{} label: { Image(systemName: "trash.fill") }
}

发生这种行为是因为滑动操作是用于List Row的modifier 。 当您只有Text时，它就是行。

但是，当在任何View （ VStack 、 HStack 、 NavigationLink ...）中嵌入您的内容时，该父级将成为Row 。