SwiftUI中的多个JSON文件调用

基础概念

SwiftUI 是苹果公司推出的一个声明式 UI 框架，用于构建 macOS、iOS、watchOS 和 tvOS 应用程序。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。

在 SwiftUI 中调用多个 JSON 文件通常涉及到以下几个步骤：

读取 JSON 文件：从应用的资源目录中读取 JSON 文件。
解析 JSON 数据：将 JSON 数据解析成 Swift 中的数据结构。
使用数据：将解析后的数据绑定到 SwiftUI 视图中。

类型

在 SwiftUI 中调用 JSON 文件主要有以下几种类型：

本地 JSON 文件：存储在应用的资源目录中，通常用于开发和测试。
远程 JSON 文件：通过网络请求获取的 JSON 文件，通常用于实际应用中的数据获取。

应用场景

数据展示：将 JSON 数据解析后展示在列表、表格或其他视图中。
动态内容：根据 JSON 数据的内容动态生成 UI 元素。
配置文件：使用 JSON 文件作为应用的配置文件，方便修改和维护。

示例代码

以下是一个简单的示例，展示如何在 SwiftUI 中读取和解析多个本地 JSON 文件：

import SwiftUI

struct ContentView: View {
    @State private var data1: [String: Any] = [:]
    @State private var data2: [String: Any] = [:]

    var body: some View {
        VStack {
            Text("Data 1:")
            Text(data1.description)
                .padding()
            
            Text("Data 2:")
            Text(data2.description)
                .padding()
        }
        .onAppear {
            loadData(from: "data1.json")
            loadData(from: "data2.json")
        }
    }

    func loadData(from fileName: String) {
        if let path = Bundle.main.path(forResource: fileName, ofType: "json"),
           let jsonData = try? Data(contentsOf: URL(fileURLWithPath: path)),
           let json = try? JSONSerialization.jsonObject(with: jsonData, options: []) {
            if fileName == "data1.json" {
                data1 = json as! [String: Any]
            } else if fileName == "data2.json" {
                data2 = json as! [String: Any]
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}