SwiftUI：在呈现工作表时防止视图刷新

Question

我注意到 SwiftUI 在添加 sheetmodifier 时会完全刷新视图。

假设我有一个显示随机数的视图。我希望这个值是独立的并且不连接到工作表逻辑（每次我打开/关闭工作表时都不会改变），但是每次显示/关闭工作表的文本都在变化。

它应该这样工作吗？ @Sate的主要观点是只更新连接的视图而不是所有堆栈，我错了吗？ 在呈现模式时，如何防止我的视图自行刷新？

struct ContentView: View {

    @State var active = false

    var body: some View {
        VStack {
            Text("Random text: \(Int.random(in: 0...100))")

            Button(action: { self.active.toggle() }) {
                Text("Show pop up")
            }
        }
        .sheet(isPresented: $active) {
            Text("POP UP")
        }
    }
}

附： ContentView 仅调用 onAppear()/onDisappear() 和 init()。

Answer 1

它需要制作独立的独立于条件的视图来实现你想要的行为，如下所示

struct RandomView: View {
    var body: some View {
        Text("Random text: \(Int.random(in: 0...100))")
    }
}

struct ContentView: View {

    @State var active = false

    var body: some View {
        VStack {
            RandomView()

            Button(action: { self.active.toggle() }) {
                Text("Show pop up")
            }
        }
        .sheet(isPresented: $active) {
            Text("POP UP")
        }
    }
}

在这种情况下，RandomView 不会重建，因为它不依赖于 active 状态。

Answer 2

阿斯佩里伤心：

视图是结构，值类型，如果它的任何部分改变了，那么整个 值改变了

他是绝对正确的！但是为此我们有状态属性。重新创建视图时，状态的值不会改变。

这应该可以正常工作

struct ContentView: View {

    @State var active = false
    @State var number = Int.random(in: 0 ... 100)
    var body: some View {
        VStack {
            Text("Random text: \(number)")

            Button(action: { self.active.toggle() }) {
                Text("Show pop up")
            }
        }
        .sheet(isPresented: $active) {
            Text("POP UP")
        }
    }
}

有什么优势？对于简单的事情，状态/绑定是最好的解决方案，毫无疑问。

import SwiftUI

struct SheetView: View {
    @Binding var randomnumber: Int
    var body: some View {
        Button(action: {
            self.randomnumber = Int.random(in: 0 ... 100)
        }) {
            Text("Generate new random number")
        }
    }
}
struct ContentView: View {

    @State var active = false
    @State var number = Int.random(in: 0 ... 100)
    var body: some View {
        VStack {
            Text("Random text: \(number)")

            Button(action: { self.active.toggle() }) {
                Text("Show pop up")
            }
        }
        .sheet(isPresented: $active) {
            SheetView(randomnumber: self.$number)
        }
    }
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

现在您可以在生成或不生成新随机数的情况下关闭工作表。不需要外部模型...