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

第 1 步
打开 ProfileHost.swift
文件并将模型数据作为环境对象添加到预览中。
尽管这个视图没有使用带有 @EnvironmentObject
的属性,但这个视图的子视图 ProfileSummary
却使用了。所以如果没有修饰符,预览就会失败。

第 2 步
创建一个 Environment
视图属性,并输入 \.editMode
。
我们可以使用此属性来读取和写入当前编辑范围。
第 3 步
创建一个可以切换环境中编辑模式开关的 Edit
按钮。

第 4 步
更新 ModelData
类,让其包括一个用户个人资料的实例,即使在用户关闭个人简介视图之后仍然保留数据。
第 5 步
从环境中读取用户的配置文件数据,然后将数据的控制权传递给 ProfileHost
。
为了避免在任何编辑确认之前(例如在用户输入名称时)更新 app 的全局状态,编辑视图会对自身进行复制。

第 6 步
添加一个条件控制,来显示静态简介或编辑模式的视图。
注意
目前,编辑模式的视图只显示一个静态的文本。
