面试题：Swift中SwiftUI预览如何绑定真实数据

定义用户数据结构体：

struct User {
    let name: String
    let age: Int
}

创建SwiftUI视图：

import SwiftUI

struct UserView: View {
    let user: User
    var body: some View {
        VStack {
            Text("Name: \(user.name)")
            Text("Age: \(user.age)")
        }
    }
}

在预览中绑定真实用户数据结构体并展示：

#Preview {
    let sampleUser = User(name: "John Doe", age: 30)
    return UserView(user: sampleUser)
}

数据发生变化时在预览中实时更新：
- 如果User结构体的属性是可变的，可以通过@State或@Binding来实现数据变化时视图的更新。但在预览环境中，由于预览是静态的，无法直接像在运行时那样监听实时数据变化。
- 一种变通方法是使用@ObservableObject和@ObservedObject。首先将User结构体包装在一个符合ObservableObject协议的类中：
```
class UserViewModel: ObservableObject {
    @Published var user: User
    init(user: User) {
        self.user = user
    }
}
```
- 然后修改UserView以接受UserViewModel：
```
struct UserView: View {
    @ObservedObject var viewModel: UserViewModel
    var body: some View {
        VStack {
            Text("Name: \(viewModel.user.name)")
            Text("Age: \(viewModel.user.age)")
        }
    }
}
```
- 在预览中，模拟数据变化：
```
#Preview {
    let viewModel = UserViewModel(user: User(name: "John Doe", age: 30))
    let timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()
    return UserView(viewModel: viewModel)
       .onReceive(timer) { _ in
            viewModel.user.age += 1
        }
}
```
这里通过Timer定时修改User的age属性，从而在预览中模拟数据变化并实时更新视图。不过需要注意，这种方法主要用于展示数据变化效果，实际应用中的数据变化监听会基于真实的业务逻辑和数据来源。

面试题：Swift中SwiftUI预览如何绑定真实数据

知识考点

面试题答案