SwiftUI视图未随@StateObject更新问题求助

你的代码里有几个关键问题导致视图不更新：

1. ViewModel不共享：FlightDetailView里自己新建了一个FlightVM实例，和父视图FlightsOverView的ViewModel完全是两个独立对象。点击Submit后你更新的是子视图自己的VM数据，父视图的数据源根本没变化，视图自然不会刷新。
2. 值类型传递的副本问题：Flight是结构体（值类型），子视图的@State var flight拿到的是父视图中flight的副本，你在TextField里修改的只是这个副本，和原数组里的元素没有关联。
3. 数组更新的发布机制：就算共享了ViewModel，直接修改数组元素viewModel.flights[0] = flight，@Published有时检测不到数组变化——因为数组是值类型，SwiftUI需要数组本身被替换才能触发更新，仅修改元素属性可能无法触发视图刷新。

修复步骤 #

1. 让子视图复用父视图的ViewModel #

把父视图的ViewModel传递给子视图，不要在子视图里新建：
修改FlightsOverView中的NavigationLink：

NavigationLink(
    destination: FlightDetailView(viewModel: viewModel, flight: flight), 
    label: {
        FlightCell(flight: flight)
            .listRowInsets(EdgeInsets(top: 5, leading: 8, bottom: 5, trailing: 8))
    })

2. 重构子视图 #

去掉子视图自己的VM实例，用@ObservedObject接收父视图传来的ViewModel，同时用本地状态存储TextField的输入值：

struct FlightDetailView: View {
    let flight: Flight
    @ObservedObject var viewModel: FlightVM
    @State private var inputDepartureIata: String

    init(viewModel: FlightVM, flight: Flight) {
        self.viewModel = viewModel
        self.flight = flight
        _inputDepartureIata = State(initialValue: flight.departureAirportIata)
    }

    var body: some View {
        NavigationStack { // iOS16+建议用NavigationStack替代NavigationView
            Form {
                Section(header: Text("Flight Info")){
                    Text(flight.aircraftRegistration)
                    Text(flight.aircraftType)
                    Text(flight.arrivalAirportIata)
                    Text(flight.departureAirportIata)
                    TextField("Departure airport", text: $inputDepartureIata)
                }
                Button("Submit", action: {
                    // 通过flight的id找到原数组中的对应位置，避免硬编码索引0
                    guard let index = viewModel.flights.firstIndex(where: { $0.id == flight.id }) else { return }
                    // 生成修改后的flight副本
                    var updatedFlight = viewModel.flights[index]
                    updatedFlight.departureAirportIata = inputDepartureIata
                    // 替换数组元素，触发@Published更新视图
                    viewModel.flights[index] = updatedFlight
                    // 保险起见也可以直接替换整个数组：
                    // var newFlights = viewModel.flights
                    // newFlights[index] = updatedFlight
                    // viewModel.flights = newFlights
                })
            }
            .navigationTitle("Flight Detail")
        }
    }
}

3. 给ViewModel封装更新方法（可选但推荐） #

把更新逻辑封装到ViewModel中，代码更清晰，也能确保更新被正确发布：

class FlightVM : ObservableObject {
    @Published var flights : [Flight]
    init() {
        flights = MockData.mockFlights
    }

    func updateDepartureIata(forFlightId id: UUID, newIata: String) {
        guard let index = flights.firstIndex(where: { $0.id == id }) else { return }
        var updatedFlight = flights[index]
        updatedFlight.departureAirportIata = newIata
        flights[index] = updatedFlight
    }
}

然后子视图的Submit按钮直接调用这个方法：

Button("Submit", action: {
    viewModel.updateDepartureIata(forFlightId: flight.id, newIata: inputDepartureIata)
})

4. 确保父视图正确初始化ViewModel #

在使用FlightsOverView的地方（比如ContentView），正确创建ViewModel实例：

struct ContentView: View {
    var body: some View {
        FlightsOverView(viewModel: FlightVM())
    }
}

核心要点 #

• @StateObject用于创建ViewModel的唯一实例，子视图接收ViewModel需用@ObservedObject。
• 结构体是值类型，传递时会生成副本，修改副本不会影响原数据——必须通过ViewModel修改原数组中的元素。
• @Published对数组的更新，只有当数组本身被替换（引用改变）时才会稳定触发视图更新，直接修改元素属性可能无效，因此要替换元素或整个数组。

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