32、SwiftUI开发实战：餐厅详情页与苹果登录集成

SwiftUI开发实战：餐厅详情页与苹果登录集成

1. SwiftUI基础：构建餐厅详情页

在SwiftUI中构建餐厅详情页，我们需要逐步完成文本视图、图像视图和地图视图的创建与组合。

1.1 文本视图组合

首先，我们使用垂直和水平堆栈组合文本视图，将餐厅名称、地址和城市显示在屏幕上。示例代码如下：

struct ContentView: View {
    var body: some View {
        VStack(alignment: .leading) {
            Text("The Tap Trailhouse")
               .font(.title)
            HStack(alignment: .top) {
                Text("17 Union St")
                   .font(.subheadline)
                Spacer()
                Text("Boston")
                   .font(.subheadline)
            }
        }
       .padding()
    }
}

1.2 图像视图创建与定制

接下来，我们添加餐厅的图片并定制其外观。具体步骤如下：
1. 从指定链接下载代码包，找到 Chapter25 文件夹下 resources