在 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)
           
    }
}