Swift中MKCoordinateRegion初始化无法使用number变量的问题

错误原因 #

你遇到的错误核心在于：SwiftUI的@State属性初始化时机早于实例成员（如number）的初始化。在初始化region时，视图实例（self）还未完全创建完成，因此无法访问number这类实例变量。

解决方案 #

以下两种常用修复方式，任选其一即可：

方法1：在构造函数中初始化@State #

把@State属性的初始化逻辑移到init里，此时number已经完成赋值，可以正常使用：

import SwiftUI
import MapKit
import CoreLocationUI

struct MapView: View {
    var number: Int
    @State private var region: MKCoordinateRegion
    
    init(number: Int?) {
        self.number = number ?? 0
        // 利用已赋值的number初始化region
        let targetPark = parksData[self.number]
        let targetCoordinate = CLLocationCoordinate2D(
            latitude: targetPark.locationCoordinate.latitude,
            longitude: targetPark.locationCoordinate.longitude
        )
        // 注意：初始化@State需使用下划线开头的属性名，直接赋值State初始值
        self._region = State(initialValue: MKCoordinateRegion(
            center: targetCoordinate,
            span: MKCoordinateSpan(latitudeDelta: 0.03, longitudeDelta: 0.03)
        ))
    }

    var body: some View {
        VStack{
            Map(coordinateRegion: $region)
                .frame(width: 400, height: 400, alignment: .top)
            Image(parksData[number].imageName)
                .frame(width: 200, height: 200, alignment: .bottom)
        }
    }

    private func setRegion(_ coordinate: CLLocationCoordinate2D) {
        region = MKCoordinateRegion(center: coordinate, span: MKCoordinateSpan(latitudeDelta: 0.2, longitudeDelta: 0.2))
    }
}

struct MapView_Previews: PreviewProvider {
    static var previews: some View {
        MapView(number: 1)
    }
}

方法2：通过onAppear延迟初始化region #

先给region设置一个默认初始值，等视图加载完成后，再用number对应的公园坐标更新它：

import SwiftUI
import MapKit
import CoreLocationUI

struct MapView: View {
    var number: Int!
    
    init(number: Int!) {
        self.number = number ?? 0
    }

    // 先给region一个临时默认值
    @State private var region = MKCoordinateRegion(
        center: CLLocationCoordinate2D(latitude: 0, longitude: 0),
        span: MKCoordinateSpan(latitudeDelta: 0.03, longitudeDelta: 0.03)
    )

    var body: some View {
        VStack{
            Map(coordinateRegion: $region)
                .frame(width: 400, height: 400, alignment: .top)
            Image(parksData[number].imageName)
                .frame(width: 200, height: 200, alignment: .bottom)
        }
        .onAppear {
            // 视图出现后，用number对应的公园坐标更新region
            let targetPark = parksData[number]
            let targetCoordinate = CLLocationCoordinate2D(
                latitude: targetPark.locationCoordinate.latitude,
                longitude: targetPark.locationCoordinate.longitude
            )
            region = MKCoordinateRegion(
                center: targetCoordinate,
                span: MKCoordinateSpan(latitudeDelta: 0.03, longitudeDelta: 0.03)
            )
        }
    }

    private func setRegion(_ coordinate: CLLocationCoordinate2D) {
        region = MKCoordinateRegion(center: coordinate, span: MKCoordinateSpan(latitudeDelta: 0.2, longitudeDelta: 0.2))
    }
}

struct MapView_Previews: PreviewProvider {
    static var previews: some View {
        MapView(number: 1)
    }
}

额外优化建议 #

• 尽量避免使用隐式解包可选类型（Int!），改成普通Int类型并在init中处理默认值，能提升代码安全性。
• 可以直接传入对应的公园对象而非数组索引，既增强可读性，也能避免数组越界风险。

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