@State属性不按预期更改其值，直到我添加`onChange（of：）

Question

import SwiftUI

struct ContentView: View {
    @State private var openSheet = false
    @State private var foo = 0
    
    var body: some View {
        Button {
            setFoo(100)
            openSheet = true
        } label: {
            Text("Open Sheet")
        }
        .padding()
        .frame(width: 400, height: 300, alignment: .center)
        .sheet(isPresented: $openSheet) {
            Text(String(foo))
                .padding()
                .frame(width: 200, height: 150, alignment: .center)
        }
    }
    
    private func setFoo(_ foo:Int) {
        self.foo = foo
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

上述代码运行时，结果为“ 0”，而不是“ 100”。但是，如果我添加了“。

import SwiftUI

struct ContentView: View {
    @State private var openSheet = false
    @State private var foo = 0
    
    var body: some View {
        Button {
            setFoo(100)
            openSheet = true
        } label: {
            Text("Open Sheet")
        }
        .padding()
        .frame(width: 400, height: 300, alignment: .center)
        .sheet(isPresented: $openSheet) {
            Text(String(foo))
                .padding()
                .frame(width: 200, height: 150, alignment: .center)
        }
        .onChange(of: openSheet) { newValue in
        }
    }
    
    private func setFoo(_ foo:Int) {
        self.foo = foo
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

知道为什么会发生这种情况？

Answer 1

使用此处的许多@asperi答案之一：
a>

您可以使用这样的东西：

extension Int: Identifiable {
    public var id: Int { self }
}

struct ContentView: View {
    @State private var foo: Int?  // <-- here
    
    var body: some View {
        Button { setFoo(100) } label: { Text("Open Sheet") }
            .padding()
            .frame(width: 400, height: 300, alignment: .center)
            .sheet(item: $foo) { newFoo in    // <-- here
                Text(String(newFoo))
                    .padding()
                    .frame(width: 200, height: 150, alignment: .center)
            }
    }
    
    private func setFoo(_ foo:Int) {
        self.foo = foo
    }
}