SwiftでのAPIでの取得後に結果を別ViewControllerのTextFieldに表示させたい

Question

APIを使って漢字からひらがなに変換するアプリを作成しています。

APIで取得した文字をViewController.swift内にあるLabelに表示させることはできたのですが、ModalViewController.swiftという別のControllerに値を受け渡したいのですが、表示されません。

ご教授いただけませんでしょうか。

試したこと

ViewController.swiftの中にあるLabelには表示することができました。

表示できない原因の考察

なぜ表示されないのかを自分なりに考えてみました。

• API取得後、デバックエリアには結果がすぐに返ってくるがLabelに反映されるには30秒ほど時間がかかるため

実装できていること

• APIの取得はできている。
• 画面遷移する。
• 値の受け渡しもできる状態である。

下記がViewController.swiftです。

import UIKit

class ViewController: UIViewController, UITextFieldDelegate {

    @IBOutlet weak var testLabel: UILabel!
    @IBOutlet weak var textField: UITextField!

    
    var imageView: UIImageView!
    var backImageView: UIImageView!
    var hiraganaSentence: String = ""

    
    // レスポンスデータの構造
    struct PostData: Codable {
        var app_id : String
        var request_id : String
        var sentence : String
        var output_type : String
    }
    
    struct  Rubi: Codable {
        var request_id : String
        var output_type : String
        var converted : String
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
       
        textField.delegate = self
        
    }
    
    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
 
    }


    
    @IBAction func hiraganaConvertButton(_ sender: UIButton) {
        guard let text = textField.text,!text.isEmpty else {
            print("文章を入力してね")
            return
        }
        
        sentenceChange(text: text)
        performSegue(withIdentifier: "modal", sender: nil)
        
    }

    
    // ModalViewに値を渡す
      override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        
        let modalVC = segue.destination as! ModalViewController
        modalVC.result = hiraganaSentence
        
    }

    // キーボードを閉じる
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        
        textField.resignFirstResponder()
        return true
        
    }
    
    
    func sentenceChange(text: String) {
        
        let postData = PostData(app_id: "APIキー",request_id: "record003", sentence: textField.text!, output_type: "hiragana")
        guard let uploadData = try? JSONEncoder().encode(postData) else {
            print("失敗しました")
            return
            
        }
        // データの確認
        print(postData)
        
        var request = URLRequest(url: URL(string: "https://labs.goo.ne.jp/api/hiragana")!)
        request.httpMethod = "POST"
        request.addValue("application/json", forHTTPHeaderField: "Content-Type")
        let task = URLSession.shared.uploadTask(with: request, from: uploadData, completionHandler: { (data, response, error) in
            
            // クライアント側エラー
            if let error = error {
                print("error:(error)")
                return
            }
            
            guard let data = data, let response = response as? HTTPURLResponse else {
                print("no data or no response")
                return
            }
            
            if response.statusCode == 200 {
                guard let jsonData = try? JSONDecoder().decode(Rubi.self, from: data) else {
                    print("json変換に失敗しました")
                    return
                }
                print("ここから")
                print(jsonData.converted)
                self.testLabel.text = jsonData.converted
                self.hiraganaSentence = jsonData.converted
            } else {
                // レスポンスのステータスコードが200でない場合などはサーバサイドエラー
                print("サーバエラー ステータスコード: (response.statusCode)\n")
            }
        })
        task.resume()
    }
    
}

import UIKit

class ModalViewController: UIViewController {
    
    @IBOutlet weak var convertText: UITextView!
    
    var result = ""
    
    
    override func viewDidLoad() {
        super.viewDidLoad()

        view.backgroundColor = UIColor(red: 0, green: 0, blue: 0, alpha:  0.5)
        convertText.text = result
        print(result)
    }
    
    @IBAction func backButton(_ sender: Any) {
        
        dismiss(animated: true, completion: nil)
        
    }
}

Answer 1

override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
    let modalVC = segue.destination as! ModalViewController
    modalVC.result = hiraganaSentence
}

上記の先頭行にprint("prepareForSegue:", hiraganaSentence)を記入してみてください

そしてコンソールを見るとわかると思いますが、
非同期通信なので、URLSessionの結果が帰ってくる前に、
preformSegue()が先に実行されてしまうので、
hiraganaSentenceに結果が入る前(空のまま)
Segueが開始されてしまうんです。

文字の表示の時と同じです。
perforSegueを書く位置が大事です。

理想的にはcomletionなどを用いるときれいに分離できますけどね。

Comments

[syoco0330]

すいません。
書く位置というのは単純に
@IBAction func hiraganaConvertButton
のコード全体を違うところに書くということでしょうか？

[hameji]

あのー、UIlabelの表示の時と同じ位置にperformSegueを書けば良いって意味です