面试题：Swift中ScrollView与VStack结合使用的常见场景及实现方法

Question

在SwiftUI中，假设你要创建一个垂直滚动的视图列表，每个列表项包含一个图片和一段文字描述，简述如何结合ScrollView和VStack实现这一场景，并给出主要代码框架。

Answer 1

1. 简述实现方式：
   • 使用ScrollView来提供垂直滚动功能。
   • 在ScrollView内部放置一个VStack，VStack用于垂直排列各个列表项。
   • 每个列表项由一个HStack（可选择，用于水平排列图片和文字）、一个Image和一个Text组成。
2. 主要代码框架：

import SwiftUI

struct ContentView: View {
    var body: some View {
        ScrollView(.vertical) {
            VStack {
                ForEach(0..<10) { index in
                    HStack {
                        Image(systemName: "photo")
                           .resizable()
                           .frame(width: 50, height: 50)
                        Text("描述 \(index)")
                    }
                }
            }
        }
    }
}

上述代码中，ScrollView设置为垂直滚动方向，VStack内部通过ForEach循环创建10个列表项（实际应用中可替换为真实数据），每个列表项由一个系统自带的图片和对应的文字描述组成，通过HStack水平排列。