[Udemy iOS & Swift Bootcamp] 채팅 완성하기 2 (최신 메세지(맨 아래)으로 화면 스크롤하기.)

2. 최신 메세지(맨 아래)으로 화면 스크롤하기.

 

채팅을 작성했을 때, 화면 스크롤을 맨 아래로 내려서 최신 메세지를 보여줘야 한다.

 

tableView 에서 특정 셀로 스크롤 하는 함수는 scrollToRow 함수 이다.

특정셀 인덱스인 indexPath, 스크롤 포지션(top, bottom, middle), 스크롤 애니메이션 효과 true or false 인자가 들어간다.

 

    func loadMessages(){
        db.collection(K.FStore.collectionName).order(by: K.FStore.dateField).addSnapshotListener { (querySnapshot, err) in
            
            self.messages = []
            
            if let e = err {
                print("Error getting documents: \(e)")
            } else {
                    for doc in querySnapshot!.documents {
                        let data = doc.data()
                        if let messageSender = data[K.FStore.senderField] as? String,
                           let messageBody = data[K.FStore.bodyField] as? String {
                            let newMessage = Message(sender: messageSender, body: messageBody)
                            self.messages.append(newMessage)
                            
                            DispatchQueue.main.async{
                                self.tableView.reloadData()
                                
                                let indexPath = IndexPath(row: self.messages.count - 1, section: 0)
                                self.tableView.scrollToRow(at: indexPath, at: .top, animated: true)
                                
                            }
                        }
                    }
            }
        }
    }

ChatViewController 클래스의 loadmessages() 함수에서 tableView에 데이터를 reload 하는 부분에 tableView를 스크롤 하는 코드를 추가해주었다.

 

이 때, indexPath 값을 구하기 위해 indexPath 변수를 만들었다. 메세지 개수 - 1 인덱스 및 0 세션을 가리킨다.

 

 

결과화면은 아래와 같다.