arrays - 访问从 API 解码的数组中的第一项

Question

大家好，节日快乐!

我是一名 SwiftUI 新手，刚刚开始使用 API。我设法习惯了解码 API，但是当我尝试访问数组中的第一项时遇到了问题。我正在使用 SwiftyJSON 进行解码。我尝试访问索引 0，但构建失败并显示错误:索引超出范围

任何提示都会非常有帮助，尤其是对于像我这样的新手。

先感谢您!

模型

struct  dataType: Identifiable {

var id: String
var title: String
var desc: String
var url: String
var image: String

解码 JSON

class getData: ObservableObject {

@Published var datas = [dataType]()

init() {

    let source = "https://newsapi.org/v2/top-headlines?country=ro&apiKey=c602e42864e148dea1144f1f55255888"

    let url = URL(string: source)!

    let session = URLSession(configuration: .default)

    session.dataTask(with: url) { (data, _, err) in

        if err != nil {

            print((err?.localizedDescription)!)
            return
        }

        let json = try! JSON(data: data!)

        for i in json["articles"]{

            let title = i.1["title"].stringValue
            let description = i.1["description"].stringValue
            let url = i.1["url"].stringValue
            let image = i.1["urlToImage"].stringValue
            let id = i.1["publishedAt"].stringValue

            DispatchQueue.main.async {
                self.datas.append(dataType(id: id, title: title, desc: description, url: url, image: image))
            }
        }
    }.resume()
}

最后， View

struct ContentView: View {

@ObservedObject var list = getData()
var body: some View {

    VStack {

        WebImage(url: URL(string: list.datas[0].title), options: .highPriority, context: nil)
            .resizable()
            .frame(width:400, height:250)

        NavigationView {

                List(list.datas){i in

                    NavigationLink(destination: webView(url: i.url).navigationBarTitle("", displayMode: .inline))
                    {
                        HStack {

                            VStack(alignment: .leading, spacing: 10) {

                                Text(i.title).fontWeight(.heavy)

                                Text(i.desc)
                                    .lineLimit(3)
                            }

                            if i.image != "" {

                                WebImage(url: URL(string:i.image), options: .highPriority, context: nil)
                                    .resizable()
                                    .frame(width: 110, height: 135)
                                    .cornerRadius(20)
                            }

                        }.padding(.vertical, 15)
                    }

                }.navigationBarTitle("Noutati")
        }
    }
}

Answer 1

URLSession执行 dataTask异步，所以一开始还没有数据，即。 datas为空，因此尝试获取空数组的第一个(低于 datas[0] )元素会导致异常(您会看到)

WebImage(url: URL(string: list.datas[0].title), options: .highPriority, context: nil)
            .resizable()
            .frame(width:400, height:250)

相反，您需要显示一些 stub View ，直到数据加载完毕，如下所示

if list.data.isEmpty {
   Text("Loading...")
} else {
    WebImage(url: URL(string: list.datas[0].title), options: .highPriority, context: nil)
                .resizable()
                .frame(width:400, height:250)
}