SwiftUIにてAPIを利用してデータを取得してからViewを更新する方法がわからない

Question

SwiftUIにてアプリ開発を行っているのですが、APIを使ってデータを取得してからViewを更新する方法がわかりません。
initに、データ取得の関数、view更新の関数を順に呼び出しているのですが、
データが取得し終わる前にview更新の関数が呼び出されてしまい、画面になにも表示されません。

以下、イメージのコードです

struct SwiftApiTest: View {
    @ObservedObject var viewModel = SwiftApiTestViewModel(count: 10)
    var body: some View {
        if viewModel.isProgress {
            ProgressView()
        } else {
            VStack {
                ForEach(viewModel.subViews) {view in
                    view
                }
            }
        }
    }
}

struct SubView: View, Identifiable {
    let id = UUID()
    let hoge: Int
    let fuga: String
    init?(hoge: Int?, fuga: String?) {
        if let hoge = hoge,
           let fuga = fuga {
            self.hoge = hoge
            self.fuga = fuga
        } else {
            print("hogeかfugaがnilです")
            return nil
        }
    }
    var body: some View {
        HStack {
            Text("hoge: \(hoge)")
            Text("fuga: \(fuga)")
        }
    }
}

class SwiftApiTestViewModel: ObservableObject {
    @Published var cm = CommunicationManager()
    @Published var subViews: [SubView] = []
    
    init(count: Int) {
        // データ取得
        resume()
        // view更新処理
        // 上のresume()がまだ終わっていないのに呼び出されてしまう
        subViewDuplicator(count: count)
    }
    
    var isProgress: Bool {
        cm.isProgress
    }
    
    var hoge: Int? {
        var value: Int?
        if let data = cm.apiData {
            value = data.hoge
        }
        return value
    }
    
    var fuga: String? {
        var str: String?
        if let data = cm.apiData {
            str = data.fuga
        }
        return str
    }
    
    // SubViewをcount分だけ複製して配列に入れる
    func subViewDuplicator(count: Int) {
        for _ in 0..<count {
            subViews.append(SubView(hoge: hoge, fuga: fuga)!)
        }
    }
    
    func resume() {
        cm.resume()
    }
}

class CommunicationManager {
    struct ApiData: Decodable {
        var hoge: Int
        var fuga: String
    }
    
    // 処理中か
    var isProgress = false
    // 取得するデータ
    var apiData: ApiData?
    
    func resume() {
        // 処理開始
        isProgress = true
        let url = URL(string: "url")!
        let request = URLRequest(url: url)
        URLSession.shared.dataTask(
            with: request,
            completionHandler: { data, response, error in
                // データ取得処理
            })
        // 処理終了
        isProgress = false
    }
}

ものすごい雑なサンプルですが、現在作成中のアプリでは
天気apiを使って取ってきた情報(1週間天気など)を一旦別View(ここではSubView)にいれ
それを配列にしてメインViewにてForEachを使って表示させています。

resume()が終わってからsubViewDuplicator()を実行させる方法を教えていただきたいです。
DispatchQueue.main.asyncなどを使うようではありますが色々試してうまく行かなかったので
質問させていただきます。

Comments

[hoshi-takanori]

ツッコミどころが多すぎてどこからコメントしたらいいか悩みますが、とりあえず非同期処理について学ぶことをお勧めします。

Answer 1

DispatchSemaphoreを使って解決しました。