时间戳

首页 > 解决方案 > SwiftUI @State 的 UIKit 更新导致“在视图更新期间修改状态”

swift - SwiftUI @State 的 UIKit 更新导致“在视图更新期间修改状态”

问题描述

我有一个加载 MapKit 的 SwiftUI 组件，如下所示：

struct AddressView: View {

    @State private var showingPlaceDetails = false

    var body: some View {
        MapView(showPlaceDetails: self.$showPlaceDetails)
    }
}

MapView 组件是一个使用 UIKit -> SwiftUI 包装技术的 MapKit 结构：

struct MapView: UIViewRepresentable {

    @Binding var showingPlaceDetails: Bool

    func makeUIView(context: Context) -> MKMapView {

        let map = MKMapView()

        map.delegate = context.coordinator

        return map
    }

    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }

    final class Coordinator: NSObject, MKMapViewDelegate {

        var control: MapView

        init(_ control: MapView) {
            self.control = control
        }

        func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {

              // This is where the warning happen
              self.control.showingPlaceDetails = true
        }
    }
}

所以变异showPlaceDetails正在触发这个警告：[SwiftUI] Modifying state during view update, this will cause undefined behavior.

我应该如何清理这段代码？这个实现正确吗？

我知道我正在通过 @Binding 更改父 @State 属性，该属性将使用 MapView 重新渲染 AddressView。

我理解它为什么不好，比如在 React 的渲染中更改 state 属性，并且这种突变应该发生在身体之外，但是我需要身体内部的 MapView 怎么办？

XCode 版本 11.3.1 (11C504)

macOS 版本 10.15.4 测试版 (19E224g)

标签： swiftuikitswiftui

解决方案

通常的解决方法是等待修改，如下所示

    func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {
          DispatchQueue.main.async {
             self.control.showingPlaceDetails = true
          }
    }

推荐阅读