Swiftui ObservableObject с массивом не обновляет представление

Question

У меня проблема с массивом, использующим ObservableObject, на мой взгляд. У меня пустой массив. Я вызываю функцию на странице onAppear. Когда данные возвращаются, представление не обновляется новыми данными в массиве:

class NewsState: ObservableObject {

    private let base: String = "api"
    let objectWillChange = ObservableObjectPublisher()

    @Published var wagsList: Array<UserSlider> = [] {
        willSet {
            objectWillChange.send()
        }
    }

    func getList() {
        let url = NSURL(string: "\(base)/UserApi/getList")
        var mutableURLRequest = URLRequest(url: url! as URL)
        mutableURLRequest.httpMethod = "GET"
        mutableURLRequest.setValue("application/json", forHTTPHeaderField: "Content-Type")
        AF.request(mutableURLRequest).responseData { response in
            guard let data = response.data else { return }
            let resp = try! JSONDecoder().decode(Array<UserSlider>.self, from: data)
            for i in resp {
                let userSlider = UserSlider(id: i.id, uid: i.uid, image: i.image)
                self.wagsList.append(userSlider)
            }
        }
    }
}

на мой взгляд У меня это:

HStack {
                                ScrollView(.horizontal, showsIndicators: false) {
                                    HStack(spacing: 20) {
                                        if(self.newsState.wagsList.count != 0) {
                                            ForEach(self.newsState.wagsList, id: \.self) { wags in
                                                VStack {
                                                    HStack {
                                                        URLImage(URL(string: "\(wags.image)")!, expireAfter: Date(timeIntervalSinceNow: 10)) { proxy in
                                                            proxy.image
                                                                .renderingMode(.original)
                                                                .resizable()
                                                                .aspectRatio(contentMode: .fill)
                                                                .frame(width: 60, height: 60)
                                                                .clipShape(Circle())
                                                                .overlay(
                                                                    RoundedRectangle(cornerRadius: 30)
                                                                        .stroke(Color.white, lineWidth: 2)
                                                                )
                                                                .contentShape(Circle())
                                                        }.frame(width: 62, height: 62)
                                                    }
                                                    HStack {
                                                        Text("10K")
                                                            .foregroundColor(Color.white)
                                                            .font(Font.custom("Metropolis-Bold", size: 15))
                                                    }
                                                    HStack {
                                                        Text("followers")
                                                            .foregroundColor(Color.white)
                                                            .font(Font.custom("Metropolis-Normal", size: 15))
                                                    }
                                                }
                                            }
                                        } else {
                                            //loader
                                        }
                                    }.onAppear(perform: initPage)
                               }
                            }

Где я ошибаюсь? Я вижу, что проблема вызвана ScrollView

Answer 1

Так как мне непонятно, в чем может заключаться ошибка. Это может быть либо getList, либо ваше представление.

Это простой пример того, как это работает с Published и ObserverdObject: Примечание: ваша функция getList не входит в это решение, поскольку ошибка может быть связана с вашим API, JSON и т. Д.

import SwiftUI

struct ContentView: View {

    @ObservedObject var state = NewsState()

    var body: some View {
        Group { //needed for the IF Statement below
            if state.stringList.count > 0 {
                ForEach(self.state.stringList, id: \.self){ s in
                    Text(String(s))
                }
            }
        }.onTapGesture {
            self.state.getNewList()
        }
    }
}

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


class NewsState: ObservableObject {

    @Published var stringList: Array<String> = []

    init() {
        self.getList()
    }

    func getList() {
        self.stringList.append("New")
    }

    func getNewList() {
        self.stringList = []
        self.stringList.append("New new")
    }
}

Answer 2

Попробуйте это

class NewsState: ObservableObject {

    private let base: String = "api"

    @Published var wagsList: Array<UserSlider> = []

    func getList() {
        let url = NSURL(string: "\(base)/UserApi/getList")
        var mutableURLRequest = URLRequest(url: url! as URL)
        mutableURLRequest.httpMethod = "GET"
        mutableURLRequest.setValue("application/json", forHTTPHeaderField: "Content-Type")
        AF.request(mutableURLRequest).responseData { response in
            guard let data = response.data else { return }
            let resp = try! JSONDecoder().decode(Array<UserSlider>.self, from: data)

            let results = resp.map { UserSlider(id: $0.id, uid: $0.uid, image: $0.image) }
            DispatchQueue.main.async {
                self.wagsList = results
            }
        }
    }
}