在 SwiftUI 中显示隐藏文本框（如 macOS 任务应用程序）

Question

我正在尝试在 macOS 应用程序中复制添加新任务功能。 就像在 macOS 官方任务应用程序中实现的一样。 如果我点击列表，那么我可以显示“添加任务行”。 该行由一个 TextBox 和几个按钮组成。

问题是，当我点击 TextBox 时，由于调用了 List 的手势，该行会自行隐藏。 我怎样才能让它像 macOS 任务应用程序一样工作。

struct ContentView: View {
    
    @State private var editing: Bool = false
    @State private var taskName: String = ""
    
    var body: some View {
        List {
            ForEach(1...5, id: \.self) { index in
                Text("\(index)")
            }
            
            if editing {
                
                VStack(alignment: .leading) {
                    TextField("Enter task", text: $taskName)
                    HStack {
                        Button("Add Date") {
                           
                        }.buttonStyle(.bordered)
                        Button("Add Location") {
                           
                        }.buttonStyle(.bordered)
                    }
                }.onTapGesture {
                    
                }
            }
            
        }.listStyle(.plain)
            .gesture(TapGesture().onEnded({ _ in
                withAnimation {
                    editing.toggle()
                }
            }), including: editing ? .subviews  : .gesture)
           
    }
}