SwiftUI中View更新StateObject后视图不刷新及页面重复创建问题

场景说明 #

我实现了一个展示用户列表的ListView，点击列表项可进入详情编辑页面FormView，但遇到了两个问题：视图接收数据后不刷新，以及详情页面被重复初始化。

ListView 代码 #

NavigationStack {
    List {
        ForEach(viewModel.users) { user in
            NavigationLink(value: user) {
                Text(user.givenName)
            }
        }
    }
    .navigationTitle("UserList")
    .navigationDestination(for: User.self, destination: { user in
        FormView(user) // 此处会被调用两次，暂无解决办法
    })
}

FormView 代码 #

@StateObject private var viewModel = ViewModel()

var body: some View {
    VStack {
        
        HStack {
            TextField("First", text: Binding(
                    get: { viewModel.user.first ?? "" },
                    set: { viewModel.user.first = $0 }))
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .font(.system(size: 16))
                .autocapitalization(.none)
                          
            TextField("Middle", text: Binding(
                    get: { viewModel.user.last ?? "" },
                    set: { viewModel.user.last = $0 }))
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .font(.system(size: 16))
                .autocapitalization(.none)

             ...
        }
    }
    .onAppear {
        viewModel.setUser(user) // 延迟设置，确保ObservableObject已创建
        // viewModel.user = user // 直接设置可能不合适
    }
    ...

var user: User
      
init(_ user: User) {
    self.user = user // 从列表页接收user
    // viewModel.user = user // Xcode禁止此写法，无法编译
}

用户信息从ListView传入后，先赋值给本地变量，等视图出现后再同步到viewModel。断点显示viewModel的user已正确设置，但视图始终不更新。

ViewModel 代码 #

class ViewModel: ObservableObject {
     
    @Published var user: User = User(id: 0)

    func setUser(_ user: User) {
        self.user = user
        objectWillChange.send() // 强制更新无效
    }
}

待解决问题 #

1. 核心问题：将用户数据从View传递到ObservableObject后，如何触发View的响应刷新？
2. 点击列表项时，FormView会被初始化两次，影响逻辑执行。

临时生效方案 #

尝试延迟设置user后，视图能正常刷新，但这只是临时 workaround：

.onAppear {
    // viewModel.setUser(user)
    // viewModel.user = user
    DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) {
        viewModel.user = user
    }
}

根源分析与正式修复 #

1. 视图不刷新的修复 #

问题本质是User类型未遵循Equatable协议，导致@Published无法检测到对象的变化。另外，手动调用objectWillChange.send()是多余的，@Published会自动发送更新通知。

• 让User遵循Equatable：

struct User: Identifiable, Equatable {
    let id: Int
    var first: String?
    var last: String?
    var givenName: String
    // 其他属性
}

• 简化ViewModel的setUser方法：

func setUser(_ user: User) {
    self.user = user
    // 移除objectWillChange.send()，@Published会自动处理更新
}

• 优化FormView初始化逻辑，避免依赖onAppear：
  iOS 16+支持在@StateObject初始化时传递参数，直接在init中初始化viewModel并传入用户数据：

@StateObject private var viewModel: ViewModel

init(_ user: User) {
    self._viewModel = StateObject(wrappedValue: ViewModel(initialUser: user))
}

// 对应的ViewModel修改
class ViewModel: ObservableObject {
    @Published var user: User
    
    init(initialUser: User) {
        self.user = initialUser
    }
}

这样视图初始化时就能拿到正确的用户数据，无需等待onAppear，自然会触发渲染。

2. FormView重复初始化的修复 #

NavigationStack的navigationDestination在iOS 16+中存在预加载机制，可能导致目标视图被初始化两次。改用selection绑定的方式可以避免这个问题：

// ListView中添加选中状态变量
@State private var selectedUser: User?

NavigationStack {
    List {
        ForEach(viewModel.users) { user in
            Button(action: {
                selectedUser = user
            }) {
                Text(user.givenName)
            }
        }
    }
    .navigationTitle("UserList")
    .navigationDestination(item: $selectedUser) { user in
        FormView(user)
    }
}

这种方式只有在selectedUser被设置时才会初始化FormView，避免了预加载导致的重复初始化。

内容的提问来源于stack exchange，提问作者Source