为List行内Text添加.onTapGesture后，如何保留拖拽重排功能？

这个问题我之前开发时也踩过坑！当你直接给Text组件加上.onTapGesture后，Text会“抢占”该行的触摸事件响应权，导致List的拖拽重排手势只能在Text以外的行区域触发，体验很别扭。

最简单的解决方案：把手势绑在行容器上 #

核心思路是让整个行容器同时支持双击和拖拽——把双击手势附加到行的外层容器（比如HStack）上，而不是单独的Text。这样既可以让双击在整行范围内生效，又不会干扰List绑定在ForEach层级的拖拽手势。

完整代码示例：

struct ContentView: View {
    @State private var users = ["Paul", "Taylor", "Adele"]
    
    var body: some View {
        List {
            ForEach(users, id: \.self) { user in
                // 用HStack作为行的容器，包裹Text
                HStack {
                    Text(user)
                        .frame(maxWidth: .infinity, alignment: .leading) // 让Text占满行宽，提升双击交互体验
                }
                .onTapGesture(count: 2) {
                    // 在这里添加你的双击逻辑
                    print("双击了用户：\(user)")
                }
            }
            .onMove { source, destination in
                users.move(fromOffsets: source, toOffset: destination)
            }
        }
        .frame(width: 200,height: 200)
        .background(Color.white)
        .cornerRadius(10)
        .position(x: 500, y:300)
    }
}

特殊场景：仅让Text响应双击的处理方式 #

如果你的需求是必须只有Text区域能触发双击，同时整行都支持拖拽，可以用.simultaneousGesture来确保两个手势互不干扰：

ForEach(users, id: \.self) { user in
    Text(user)
        .onTapGesture(count: 2) {
            print("双击了用户：\(user)")
        }
        .simultaneousGesture(
            // 添加一个空的拖拽手势，避免Text拦截List的拖拽事件
            DragGesture(minimumDistance: 0)
                .onChanged { _ in }
        )
}
.onMove { source, destination in
    users.move(fromOffsets: source, toOffset: destination)
}

不过还是更推荐第一种方案，因为双击整行的交互逻辑更符合用户的直觉~

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