ios - 防止 SwiftUI 重置 @State

Question

我不经常理解 SwiftUI 何时重置 View 的状态(即所有用 @State 标记的)。例如，看看这个最小的例子:

import SwiftUI

struct ContentView: View {
    @State private var isView1Active = true
    let view1 = View1()
    let view2 = View2()

    var body: some View {
        VStack {
            if isView1Active {
                view1
            } else {
                view2
            }

            Button(action: {
                self.isView1Active.toggle()
            }, label: {
                Text("TAP")
            })
        }
    }
}

struct View1: View {
    @State private var text = ""
    var body: some View {
        TextField("View1: type something...", text: $text)
    }
}

struct View2: View {
    @State private var text = ""
    var body: some View {
        TextField("View2: type something...", text: $text)
    }
}

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

我想要两个 TextField保留它们的内容，但是如果您运行此示例，则会发生一些奇怪的行为:

如果您在 上运行示例预览 只有 View1 TextField内容仍然存在:

相反，如果您在 上运行示例。模拟器 (或在 实际设备 上)第一个文本字段内容和第二个文本字段内容均不存在:

那么，这里发生了什么？有没有办法告诉 SwiftUI 不要为 View 重置 @State？谢谢。

Answer 1

问题是 View1和 View2每次都在重新创建 isView1Active已更改(因为它使用 @State 重新加载 ContentView 的主体)。

一个解决方案是保留 TextField 的文本属性。 s 在 ContentView如下图并使用@Binding :

struct ContentView: View {

    @State private var isView1Active = true
    @State private var view1Text = ""
    @State private var view2Text = ""

    var body: some View {
        VStack {
            if isView1Active {
                View1(text: $view1Text)
            } else {
                View2(text: $view2Text)
            }

            Button(action: {
                self.isView1Active.toggle()
            }, label: {
                Text("TAP")
            })
        }
    }
}

struct View1: View {

    @Binding var text: String

    var body: some View {
        TextField("View1: type something...", text: $text)
    }
}

struct View2: View {

    @Binding var text: String

    var body: some View {
        TextField("View2: type something...", text: $text)
    }
}

显示在行动中: