SwiftUI 목록에서 항목을 선택 취소하면 앱이 충돌합니다.

선택적 바인딩을 사용하는 SwiftUI에 문제가 있습니다. 기본적으로 macOS의 List입니다. 항목이 선택되면 DetailView를 추가하고 선택하지 않으면 텍스트 만 추가합니다.

앱을 열면 괜찮아요, 텍스트가 나타난 다음 몇 가지 항목을 추가하고 선택하고 잘 작동하고 DetailView가 나타나지만 테이블 외부를 클릭하고 선택을 취소하면 충돌이 발생합니다. 힘들어도 조건부 검사가 nil이므로 처음으로 작동합니다.

DetailView는 selectedItem에 대한 참조를 유지하고 nil로 설정되면 충돌하지만 State 속성이 변경되면 전체 본문을 새로 고쳐야한다고 생각했습니다.이 경우 메모리에서 이전 DetailView를 제거하고 새 항목을 호출하지 않습니다. 권리?

코드는 다음과 같습니다.

import SwiftUI

struct DetailView: View {
    @Binding var text: String

    var body: some View {
        TextField("123", text: self.$text)
    }
}

struct ContentView: View {
    @State var text = ""
    @State var items = [String]()
    @State var selectedItem: String? = nil

    var body: some View {
        VStack {
            HStack {
                VStack(alignment: .leading, spacing: 0) {
                    List(selection: $selectedItem) {
                        ForEach(items, id: \.self) { item in
                            Text(item)
                        }
                    }
                    HStack(spacing: 0) {
                        Button(action: {
                            self.items.append(UUID().uuidString)
                        }, label: {
                            Text("Add")
                        })
                        Button(action: {
                            if let item = self.selectedItem {
                                self.items.remove(at: self.items.firstIndex(of: item)!)
                            }
                            self.selectedItem = nil
                        }, label: {
                            Text("Remove")
                        }).disabled(selectedItem == nil)
                    }
                }
                if selectedItem != nil {
                    DetailView(text: Binding($selectedItem)!)
                } else {
                    Text("Add an item")
                }
            }
            .tabItem {
                Text("Test")
            }
        }.frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}