SwiftUI中如何从URL读取JSON并将Float值显示到应用界面？

嘿，作为Swift新手碰到这种类型匹配的问题太正常了，我来帮你一步步搞定！你的核心问题是Text组件里的默认值类型不匹配，另外代码里还有个小bug需要修正，咱们一个个来：

1. 先搞定Float值的显示与默认值问题 #

你原来的代码里用了""（字符串）作为user?.ONE_R的默认值，但ONE_R是Float类型，Swift可是个强类型语言，不允许这种跨类型的默认值哦。咱们把默认值换成Float类型的0.0就行，还可以按需格式化显示：

• 直接显示原始Float值：

Text("ONE: \(user?.ONE_R ?? 0.0)")

• 如果想格式化（比如保留1位小数，和你的JSON数据格式一致），用String(format:)：

Text("ONE: \(String(format: "%.1f", user?.ONE_R ?? 0.0))")

2. 修复URLSession任务的小bug #

你的task.resume()写在了dataTask的闭包里面，这会导致编译失败——因为task常量还没完全初始化完成，闭包里根本拿不到它。把它移到闭包外面就好啦！

另外建议把try?换成do-catch，这样解码失败时能看到具体的错误信息，调试起来方便很多～

3. 完整修正后的代码 #

我把所有问题都修复好了，还加了一些健壮性优化（比如URL有效性检查、更详细的错误提示），你直接用就行：

import SwiftUI

struct DATA: Codable {
    let ONE_R: Float
    let TWO_R: Float
}

struct AllTEC: View {
    @State var user: DATA?
    
    var body: some View {
        VStack(spacing: 16) {
            // 直接显示Float值
            Text("ONE: \(user?.ONE_R ?? 0.0)")
            // 格式化显示，保留1位小数
            Text("TWO: \(String(format: "%.1f", user?.TWO_R ?? 0.0))")
        }
        .onAppear(perform: loadD)
    }
}

extension AllTEC {
    func loadD() {
        // 先检查URL是否有效，避免崩溃
        guard let url = URL(string: "https://symbiosys-a415a.firebaseio.com/DATA.json") else {
            print("哎呀，URL格式不对哦")
            return
        }
        
        let task = URLSession.shared.dataTask(with: url) { data, response, error in
            // 先处理网络错误
            if let error = error {
                print("网络请求出错啦：\(error.localizedDescription)")
                return
            }
            
            // 确保拿到数据
            guard let responseData = data else {
                print("服务器没返回任何数据哦")
                return
            }
            
            // 解码JSON数据
            do {
                let decodedData = try JSONDecoder().decode(DATA.self, from: responseData)
                print("解码成功！ONE_R: \(decodedData.ONE_R), TWO_R: \(decodedData.TWO_R)")
                
                // 必须回到主线程更新UI哦
                DispatchQueue.main.async {
                    self.user = decodedData
                }
            } catch {
                print("JSON解码失败：\(error.localizedDescription)")
            }
        }
        
        // 启动网络任务，这行一定要放在闭包外面！
        task.resume()
    }
}

struct AllTEC_Previews: PreviewProvider {
    static var previews: some View {
        AllTEC()
    }
}

这样修改后，你的Float值就能正常显示啦，代码也更稳定靠谱～

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