Skip to content

加入编辑模式

用户需要在个人简介中切换浏览模式和编辑模式。我们会通过在现有的 ProfileHost 中添加一个 EditButton 来实现编辑模式,并且创建一个带有编辑单个数据控件的视图。

第 1 步

打开 ProfileHost.swift 文件并将模型数据作为环境对象添加到预览中。

尽管这个视图没有使用带有 @EnvironmentObject 的属性,但这个视图的子视图 ProfileSummary 却使用了。所以如果没有修饰符,预览就会失败。

第 2 步

创建一个 Environment 视图属性,并输入 \.editMode

我们可以使用此属性来读取和写入当前编辑范围。

第 3 步

创建一个可以切换环境中编辑模式开关的 Edit 按钮。

第 4 步

更新 ModelData 类,让其包括一个用户个人资料的实例,即使在用户关闭个人简介视图之后仍然保留数据。

第 5 步

从环境中读取用户的配置文件数据,然后将数据的控制权传递给 ProfileHost

为了避免在任何编辑确认之前(例如在用户输入名称时)更新 app 的全局状态,编辑视图会对自身进行复制。

第 6 步

添加一个条件控制,来显示静态简介或编辑模式的视图。

注意

目前,编辑模式的视图只显示一个静态的文本。

加入编辑模式 has loaded