Facebookのコメント投稿画面のようにタイムライン画面から遷移後のページでコメント投稿を実装したい

Question

前提・実現したいこと

Xcode11.3
Swift5
macOSMojave10.14.6

フェイスブックのコメントボタンを押した時のような、TableViewのタイムライン画面から個別の画面に遷移
↓
TextFieldにコメントを入力後、投稿ボタンを押すと、遷移前のタイムライン画面でタップしたセルと同じポストデータにコメント文が追加され、遷移後のページにあるUILabelかUITextViewにコメントが投稿される
↓
別のユーザーがコメント投稿すると下に増えていく

タイムライン画面ではUItableViewを使い、それぞれのセルはxibファイルを使い、データベースはFirebaseを使ってます。
遷移先にはUIView,UIButton,UILabel（UITextView）があります。

発生している問題・エラーメッセージ

上記
「遷移前のタイムライン画面でタップしたセルと同じポストデータにコメント文が追加され、遷移後のページにあるUILabelかUITextViewにコメントが投稿される」
の実装がわからずあれこれやってもindexPath.rowを渡す・受け取るの部分ができません。

該当のソースコード

●タイムライン画面

import UIKit
import Firebase

class HomeViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    
    @IBOutlet weak var tableView: UITableView!
    
    var postArray: [PostData] = []
    
    // DatabaseのobserveEventの登録状態を表す
    var observing = false
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        tableView.delegate = self
        tableView.dataSource = self
              
        let nib = UINib(nibName: "PostTableViewCell", bundle: nil)
        tableView.register(nib, forCellReuseIdentifier: "Cell")
        
        // テーブル行の高さをAutoLayoutで自動調整する
        tableView.rowHeight = UITableView.automaticDimension
        // テーブル行の高さの概算値を設定しておく
        // 高さ概算値 = 「縦横比1:1のUIImageViewの高さ(=画面幅)」+「いいねボタン、キャプションラベル、その他余白の高さの合計概算(=100pt)」
        tableView.estimatedRowHeight = UIScreen.main.bounds.width + 100
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        print("DEBUG_PRINT: viewWillAppear")
        
        if Auth.auth().currentUser != nil {
            if self.observing == false {
                // 要素が追加されたらpostArrayに追加してTableViewを再表示する
                let postsRef = Database.database().reference().child(Const.PostPath)
                postsRef.observe(.childAdded, with: { snapshot in
                    print("DEBUG_PRINT: .childAddedイベントが発生しました。")
                    
                    // PostDataクラスを生成して受け取ったデータを設定する
                    if let uid = Auth.auth().currentUser?.uid {
                        let postData = PostData(snapshot: snapshot, myId: uid)
                        self.postArray.insert(postData, at: 0)
                        
                        // TableViewを再表示する
                        self.tableView.reloadData()
                    }
                })
                // 要素が変更されたら該当のデータをpostArrayから一度削除した後に新しいデータを追加してTableViewを再表示する
                postsRef.observe(.childChanged, with: { snapshot in
                    print("DEBUG_PRINT: .childChangedイベントが発生しました。")
                    
                    if let uid = Auth.auth().currentUser?.uid {
                        // PostDataクラスを生成して受け取ったデータを設定する
                        let postData = PostData(snapshot: snapshot, myId: uid)
                        
                        // 保持している配列からidが同じものを探す
                        var index: Int = 0
                        for post in self.postArray {
                            if post.id == postData.id {
                                index = self.postArray.firstIndex(of: post)!
                                break
                            }
                        }
                        
                        // 差し替えるため一度削除する
                        self.postArray.remove(at: index)
                        
                        // 削除したところに更新済みのデータを追加する
                        self.postArray.insert(postData, at: index)
                        
                        // TableViewを再表示する
                        self.tableView.reloadData()
                    }
                })
                
                // DatabaseのobserveEventが上記コードにより登録されたため
                // trueとする
                observing = true
            }
        } else {
            if observing == true {
                // ログアウトを検出したら、一旦テーブルをクリアしてオブザーバーを削除する。
                // テーブルをクリアする
                postArray = []
                tableView.reloadData()
                // オブザーバーを削除する
                let postsRef = Database.database().reference().child(Const.PostPath)
                postsRef.removeAllObservers()
                
                // DatabaseのobserveEventが上記コードにより解除されたため
                // falseとする
                observing = false
            }
        }
    }
    //セルの数を決めるメソッド
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return postArray.count
    }
    //セルを構築する際に呼ばれるメソッド
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        // セルを取得してデータを設定する
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! PostTableViewCell
        cell.setPostData(postArray[indexPath.row])
        
        // セル内のボタンのアクションをソースコードで設定する
        cell.likeButton.addTarget(self, action:#selector(handleButton(_:forEvent:)), for: .touchUpInside)
        
        return cell
    }
    
    //セルをタップしたら...のメソッド
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    
        // タップされたセルの行番号を出力
        print("(indexPath.row)番目の行が選択されました。")
        
        let postData = postArray[indexPath.row]
        
        //記事画面へ遷移（セグエ）
          let nextVC = self.storyboard?.instantiateViewController(withIdentifier: "Article") as! ArticleViewController
        //completionでSetPostDataに渡す
            self.present(nextVC, animated: true, completion: {
                nextVC.SetPostData(postData)
            })
        performSegue(withIdentifier: "Article", sender: postArray[indexPath.row])
        //セルの選択を解除
        tableView.deselectRow(at: indexPath, animated: true)
        
    }    
}

●遷移後のコメント投稿画面

import UIKit
import Firebase
import SVProgressHUD

class ArticleViewController: UIViewController,UITextFieldDelegate {

    @IBOutlet weak var ArticleImage: UIImageView!
    @IBOutlet weak var ArticleLabel: UILabel!
    @IBOutlet weak var ArticleButton: UIButton!
    @IBOutlet weak var ArticleLilkeCount: UILabel!
    @IBOutlet weak var CommentLabel: UILabel!
    @IBOutlet weak var CommentTextField: UITextField!
    //postarrayの配列
    var postArray: [PostData] = []
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.CommentTextField.delegate = self
        CommentTextField.returnKeyType = .done    
    }
    
    func SetPostData(_ postData: PostData) {
        //イメージ画像
        self.ArticleImage.image = postData.image
        //キャプションのテキスト
        self.ArticleLabel.text = "(postData.name!) : (postData.caption!)"
        //いいねの数
        let likeNumber = postData.likes.count
        ArticleLilkeCount.text = "(likeNumber)"

        //いいねボタン
        if postData.isLiked {
            let buttonImage = UIImage(named: "like_exist")
            self.ArticleButton.setImage(buttonImage, for: .normal)
        } else {
            let buttonImage = UIImage(named: "like_none")
            self.ArticleButton.setImage(buttonImage, for: .normal)
        }
        //allCommentは最初は空である
        var allComment = ""
        
        //postData.commentsの中から要素をひとつずつ取り出すのを繰り返す、というのがcomment
        for comment in postData.comments{
        //comment + comment = allCommentである
        allComment += comment
        //commentLabelに表示するのはallComment（commentを足していったもの）である
        self.CommentLabel.text = allComment
        }
    }
    
    //キーボードを閉じる
    @IBAction func textField(_ sender: Any) {
        CommentTextField.text = (sender as AnyObject).text
    }
    //コメント投稿ボタン
    @IBAction func CommentButton(_ sender: UIButton,_ postData: PostData,indexPath: IndexPath) {
        
        let indexPath = postArrey[indexPath.row],
        //現在の使用者の表示名がnilじゃなかったら、displayNameに代入し、
        if let displayName = Auth.auth().currentUser?.displayName,
        //cell.textField.textをtextと定義する
        let commentText = self.CommentTextField.text  {
        
        //であれば、cell(PostTableViewCell)のtextFieldをプリントする
        print(self.CommentTextField.text as Any)
        
        //であれば、postData.commentsにtextをappend(追加)する
        postData.comments.append("(displayName): (commentText)\n")
    
        }

        // 増えたcommentsをFirebaseに保存する
        let postRef = Database.database().reference().child(Const.PostPath).child(postData.id!)
        //comments辞書
        let commentDictionary = ["comments": postData.comments]
        //Firebaseに辞書を保存する
        postRef.updateChildValues(commentDictionary)
    }
}

試したこと

遷移前ページのdidSelectRowAt内で

performSegue(withIdentifier: "Article", sender: postArray[indexPath.row])
```でセルの行番号を送ろうとしていますが、合っているのかがわかりません。

遷移後ページのアクションボタン内で

@IBAction func CommentButton(_ sender: UIButton,_ postData: PostData,indexPath: IndexPath) {

    let indexPath = postArrey[indexPath.row],
    //現在の使用者の表示名がnilじゃなかったら、displayNameに代入し、
    if let displayName = Auth.auth().currentUser?.displayName,
    //cell.textField.textをtextと定義する
    let commentText = self.CommentTextField.text  {
    
    //であれば、cell(PostTableViewCell)のtextFieldをプリントする
    print(self.CommentTextField.text as Any)
    
    //であれば、postData.commentsにtextをappend(追加)する
    postData.comments.append("(displayName): (commentText)\n")

    }

遷移前でのセル行番号を取得する方法がわかりません。
色々調べてもたどり着けませんでした。

Answer 1

遷移元のViewContoroller

//セルをタップしたら...のメソッド
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    
        // タップされたセルの行番号を出力
        print("(indexPath.row)番目の行が選択されました。")
        
        let postData = postArray[indexPath.row]
        
        postDataToSend = postData
            performSegue(withIdentifier: "Article", sender: tableView)
            //セルの選択を解除
            tableView.deselectRow(at: indexPath, animated: true)

        }

        var postDataToSend: PostData?

        override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
            if segue.identifier == "Article" {
                let nextVC = segue.destination as! ArticleViewController
                if let postData = postDataToSend {
                    nextVC.setPostData(postData)
                }
            }     
    }
    

遷移先のViewController

class ArticleViewController: UIViewController,UITextFieldDelegate {

    @IBOutlet weak var articleImage: UIImageView!
    @IBOutlet weak var articleLabel: UILabel!
    @IBOutlet weak var articleButton: UIButton!
    @IBOutlet weak var articleLilkeCount: UILabel!
    @IBOutlet weak var commentTextView: UITextView!
    @IBOutlet weak var commentTextField: UITextField!
//前画面からデータを受け取るための変数
    var postDataReceived: PostData?

    func setPostData(_ postData: PostData) {
        postDataReceived = postData
    }

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)

        guard let postData = postDataReceived else {
            return
        }
        //イメージ画像
        self.articleImage.image = postData.image
        //キャプションのテキスト
        self.articleLabel.text = "(postData.caption!)"
        //いいねの数
        let likeNumber = postData.likes.count
        articleLilkeCount.text = "(likeNumber)"

        //いいねボタン
        if postData.isLiked {
            let buttonImage = UIImage(named: "like_exist")
            self.articleButton.setImage(buttonImage, for: .normal)
        } else {
            let buttonImage = UIImage(named: "like_none")
            self.articleButton.setImage(buttonImage, for: .normal)
        }
        //allCommentは最初は空である
        var allComment = ""

        //postData.commentsの中から要素をひとつずつ取り出すのを繰り返す、というのがcomment
        for comment in postData.comments{
            //comment + comment = allCommentである
            allComment += comment
            //commentLabelに表示するのはallComment（commentを足していったもの）である
            self.commentTextView.text = allComment
        }
//コメント投稿ボタン
    @IBAction func commentButton(_ sender: UIButton) {
        // 前画面から受け取ったデータを取り出す
        guard let postData = postDataReceived else {
            return
        }
        
        //cell.textField.textがnilじゃなかったら、commentTextとする
        if let commentText = self.commentTextField.text  {
        
            //であれば、cell(PostTableViewCell)のtextFieldをプリントする
            print(self.commentTextField.text as Any)
            
            //であれば、postData.commentsにcommentTextをappend(追加)する
            postData.comments.append("(commentText)\n")
        }

        // 増えたcommentsをFirebaseに保存する
        let postRef = Database.database().reference().child(Const.PostPath).child(postData.id!)
        //comments辞書
        let commentDictionary = ["comments": postData.comments]
        //Firebaseに辞書を保存する
        postRef.updateChildValues(commentDictionary)
    
        //allCommentは最初は空である
        var allComment = ""

        //postData.commentsの中から要素をひとつずつ取り出すのを繰り返す、というのがcomment
        for comment in postData.comments{
            //comment + comment = allCommentである
            allComment += comment
            //commentLabelに表示するのはallComment（commentを足していったもの）である
            self.commentTextView.text = allComment
        }
    }

Answer 2

コメントボタンは、tableViewcellの中にあるボタンでそれを押し、indexを渡したいといった認識でお間違いなければ、protocolを使ってみてはいかがでしょうか？

【tableViewCell.swift】の一番上 import UIKitの上に

protocol UserTableViewCellDelegate {
    func didTapCommentButton(indexPath: IndexPath)
}

下に

@IBAction func commentButton(){
        delegate!.didTapCommentButton(indexPath: indexPath)
   }

を宣言して、
HomeViewControllerにtableViewCellDelegateを書く

class HomeViewController: UIViewController, UITableViewDataSource, UITableViewDelegate ,tableViewCellDelegate{

HomeViewController内に func didTapCommnetButtonを定義する

func didTapCommentButton(indexPath: IndexPath){
   //ここで行いたい処理をかく
}

これでcellのボタンからindexPath諸々の情報を紐付けることができると思います
間違っていたらすいません！

Comments

[iOS25535009]

わかりやすく丁寧なご説明ありがとうございます。ちょうど解決いたしましたので、大丈夫となりました。せっかくご回答いただいたのに、申し訳ございません。今後の参考にいたします。