SwiftUI 工作表无限循环？

Question

这是 SwiftUI 中的错误吗？如果您点击“测试”，它会进入一个循环，永远一张一张地张贴。我不明白为什么。

这发生在 iOS 和 iPadOS 15 上

struct ContentView: View {
    
    @State private var showSheet = false
    @State private var name: String = ""
    @FocusState private var isFocused: Bool
    
    var body: some View {
        VStack {
            Button("Test") { setState() }
        }
        .sheet(isPresented: $showSheet) {
            VStack {
                Text("\(showSheet.description), \(name)")
                TextField("folder name", text: $name)
                    focused($isFocused)
            }
        }
    }

    private func setState() {
        print("setState")
        showSheet = true
    }
}

Answer 1

这是一个错字，通常应该这样关闭，但我认为原因很有趣，值得在这里回答：

struct ContentView: View {
    
    @State private var showSheet = false
    @State private var name: String = ""
    @FocusState private var isFocused: Bool
    
    var body: some View {
        VStack {
            Button("Test") { setState() }
        }
        .sheet(isPresented: $showSheet) {
            VStack {
                Text("\(showSheet.description), \(name)")
                TextField("folder name", text: $name)
                    focused($isFocused) //<-- THIS LINE IS MISSING A `.` -- it should be .focused($isFocused)
            }
        }
    }

    private func setState() {
        print("setState")
        showSheet = true
    }
}

因为您在focused 行上省略了.，所以focused 将返回ContentView 本身而不是TextField 上的修饰符。这意味着它将ContentView 的副本添加到TextField 下方的视图层次结构中（因为focused 返回self 的修改版本），而不是原地修改TextField。

这是导致循环的原因，但因为从技术上讲它是有效代码，它不会产生编译器错误。