问题：

SwiftUI`@State`关键字的作用是什么？

寿浩言

2023-03-14

SwiftUI教程使用@State关键字指示可变UI状态：

@State var showFavoritesOnly=false

它提供了以下总结：

状态是一个值或一组值，可以随时间变化，并影响视图的行为、内容或布局。使用具有@State属性的属性将状态添加到视图。

共有3个答案

夏侯俊美

2023-03-14

如果你知道的话，我再补充一点。

@State属性与非常类似。在React Native中状态对象。

例如：

struct Foobar: some View {
    @State var username = ""
}

class Foobar extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      username: '',
    };
  }
}

当您修改username变量时，它们将具有与重新呈现当前页面相同的效果。

翟元凯

2023-03-14

在WWDC视频-会话204（16:00开始，20:15开始）中的一个例子很好地解释了这一点

@State变量的一个特殊属性是，SwiftUI可以在读取和写入变量时进行观察。因为SwiftUI知道缩放的是在主体中读取的，所以它知道视图的渲染依赖于它。这意味着-当变量更改时，框架将使用新的@State值再次请求body。

作为属性包装器的@State也在数据流通过Swift UI（5:38）WWDC vid中进行了阐述和说明。它显示了当我们需要不可变（struct）View中的可变值时，它是如何解决问题的。

吉嘉珍

2023-03-14

@State关键字是最近在Swift 5.1中引入的一项功能。正如在相应的建议中所解释的，它是一种避免样板代码的值包装器。

旁注：@propertyWrapper以前被称为@propertyLegate，但此后发生了变化。有关更多信息，请参阅本文。

官方@State文件中有以下内容：

SwiftUI管理您声明为状态的任何属性的存储。当状态值更改时，视图将使其外观无效并重新计算正文。将状态用作给定视图的可信单一数据源。

状态实例不是值本身；这是一种读取和改变值的方法。要访问状态的基础值，请使用其value属性。

因此，当您初始化标记为@State的属性时，实际上并不是在创建自己的变量，而是提示SwiftUI在后台创建“某物”，从现在开始存储设置并监视它！您的@State var仅充当访问此包装的委托。

每次写入@State变量时，SwiftUI就会知道它正在监视它。它还将知道@State变量是否是从视图的主体读取的。使用此信息，在对该变量进行更改后，它将能够重新计算在其主体中引用了@状态变量的任何视图。

共有3个答案