更新属性包装器，例如@StateObject，会影响不使用该属性的其他视图渲染

Question

当使用与视图更新关联的不同属性包装器时，一个位置的更改会影响不使用该属性的视图的渲染。

struct ContentView: View {

    @StateObject var viewModel = MyViewModel()
    @State var thirdTitle = "thirdTitle"

    var body: some View {
        VStack {
            Text(viewModel.firstTitle)
                .background(.random)
            Text(viewModel.secondTitle)
                .background(.random)
            Text(thirdTitle)
                .background(.random)

            Button("Change First Title") {
                viewModel.chageFirstTitle()
            }
        }
    }
}

class MyViewModel: ObservableObject {
    
    @Published var firstTitle = "firstTitle"
    @Published var secondTitle = "secondTitle"
    
    func chageFirstTitle() {
        firstTitle = "hello world"
    }
}

我了解text公开viewModel.secondtitle重新渲染是因为@StateObject varviewModel = myViewModel（）依赖关系在更改`viewModel.firsttitle时更改。

但是，我不知道为什么文本使用@State var trixtitle =“ thixttitle”也被重新渲染。在wwdc21 session demystife swiftui ，我看到了该视图仅在根据依赖关系图更新相关的依赖项时重新渲染。但是，即使thixtetle与更改viewmodel的更改无关改变了。

更令人困惑的是，如果我将第三个文本分开为单独的视图（thirdview），然后使用@binding接收thixttitle，背景颜色不会更改，因为当时它没有重新渲染。

struct ContentView: View {

    @StateObject var viewModel = MyViewModel()
    @State var thirdTitle = "thirdTitle"

    var body: some View {
        VStack {
            Text(viewModel.firstTitle)
                .background(.random)
            Text(viewModel.secondTitle)
                .background(.random)
            ThirdView(text: $thirdTitle)
                .background(.random)

            Button("Change First Title") {
                viewModel.chageFirstTitle()
            }
        }
    }
}

struct ThirdView: View {
    
    @Binding var text: String
    
    var body: some View {
        Text(text)
            .background(.random)
    }
}

关于我解释的情况，您能帮我了解视图的渲染条件吗？

Answer 1

要渲染swiftui调用body视图的属性（它是可计算的，即在呼叫上完全执行）。每当更改任何视图依赖项（即动态属性）时，都会执行此调用。

因此，viewModel.ChageFirstTitle（）更改contentView和content> contentview.body的依赖关系，并呈现其中的每个原始性。 也创建了，但就其依赖关系而言而言，其body未调用，因此不重新渲染内容。

Answer 2

这里有一些错误。我们不会在SwiftUI中使用查看模型对象进行查看数据，这样做是相当低效率的/错误的。相反，将带有@State突变弹性的结构使用。将参数传递给子视图，作为让读取访问的让@binding仅在您需要写入访问时才是。在渲染方面，首先仅在 的情况然后有任何差异，然后SwiftUi代表您添加/删除/更新实际的Uikit Uiviews，然后由这些Uiview的实际渲染，例如drawRect，由Coregraphics。

struct ContentViewConfig {
    
    var firstTitle = "firstTitle"
    var secondTitle = "secondTitle"
    
    mutating func changeFirstTitle() {
        firstTitle = "hello world"
    }
}

struct ContentView: View {
    @State var config = Config()
    ...

struct ThirdView: View {
    let text: String
    ...

Combine的observableObject通常仅在需要使用组合时使用，例如使用combineLatest与多个发布者或用于store> Store对象保持模型结构阵列在@published属性中，这些属性与视图的寿命没有@state。您的用例看起来不像observableObject的有效用途。