SwiftUI中如何访问异步获取的变量bggg？作用域问题咨询

你的问题根源有两个：

1. bggg 是定义在 init 内的 Task 闭包局部变量，作用域仅限该闭包，视图的 body 根本访问不到。
2. SwiftUI 视图需要依赖状态变量驱动更新，局部变量无法触发视图刷新。

按照下面的步骤修改代码即可解决：

修正后的代码 #

import SwiftUI

public struct RootView: View {
    // 用@State定义状态变量，存储天气描述，其变化会触发视图自动更新
    @State private var bggg: String = "加载中..."
    
    public init() {}
    
    public var body: some View {
        VStack { // 用VStack垂直排列视图，避免Text被Color覆盖
            Text(bggg)
            Color.red
        }
        .onAppear { // 视图首次显示时发起异步请求，符合SwiftUI生命周期逻辑
            Task {
                do {
                    guard let url = URL(string:"https://api.openweathermap.org/data/2.5/onecall?lat=32&lon=-94&units=imperial&exclude=minutely,hourly,daily&appid=bf1daa8bf4997bc299d459c8db985f8f") else {
                        await MainActor.run {
                            bggg = "无效的请求地址"
                        }
                        return
                    }
                    let (data, _) = try await URLSession.shared.data(from: url)
                    let decodedResponse = try JSONDecoder().decode(WeatherResponse.self, from: data)
                    // 确保在主线程更新状态变量（SwiftUI要求状态修改必须在主线程执行）
                    await MainActor.run {
                        bggg = decodedResponse.current.weather.first?.description ?? "暂无天气数据"
                    }
                } catch {
                    await MainActor.run {
                        bggg = "加载失败：\(error.localizedDescription)"
                    }
                }
            }
        }
    }
}

// 配套的JSON解码模型（假设你之前已定义，这里补充完整）
struct WeatherResponse: Codable {
    let current: CurrentWeather
}

struct CurrentWeather: Codable {
    let weather: [WeatherDetail]
}

struct WeatherDetail: Codable {
    let description: String
}

关键修改说明 #

• 添加 @State private var bggg: String：将变量声明为视图的状态属性，变量值变化时SwiftUI会自动刷新视图。
• 迁移异步请求到 .onAppear：init 是视图初始化阶段，不适合发起异步请求；.onAppear 是视图首次显示时触发，更符合SwiftUI的设计逻辑。
• 增加错误处理：捕获网络请求、JSON解码中的异常，给用户明确的错误反馈。
• 使用 MainActor.run：强制状态变量的修改在主线程执行，避免SwiftUI视图更新出现异常。
• 修复布局问题：原代码中直接并列 Text 和 Color 会导致 Color 覆盖 Text，用 VStack 垂直排列才能同时展示两个视图。

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