外观风格
创建列表行视图
我们在本文中构建的第一个视图是用于显示每个地标详情的行视图。 行视图将地标数据存储在 landmark
属性中,这样一个行视图就可以显示任何地标。稍后我们会把多个行视图组合成一个地标列表。

第 1 步
在 Views
目录中创建一个名为 LandmarkRow.swift
的 SwiftUI View 文件。

第 2 步
如果预览没有显示,通过选择 Editor
> Canvas
来显示画布,然后点击 Resume
。

第 3 步
给 LandmarkRow
添加一个存储属性 landmark
。
当添加 landmark
属性时,预览会停止工作,因为这时候,预览的 LandmarkRow()
方法在初始化时需要一个 landmark
参数。
为了恢复预览,需要修改 PreviewProvider
。
第 4 步
在 LandmarkRow_Previews
的预览静态属性中,为 LandmarkRow
初始化方法添加 landmark
参数,指定值为 landmarks
数组的第一个元素。
这时重新启动预览,显示的文字是:hello,world!
。

修复预览的错误后,我们继续构建行视图的布局。
第 5 步
将现有的文本视图嵌入一个 HStack
中。
第 6 步
将文字视图的内容修改成 landmark.name
。

第 7 步
在文本视图前面添加一个图像,并在其之后添加 Spacer
,来完成行视图。
