Feature/#50

[tgyuuAn]

1. 📄 관련된 이슈 및 소개

• closed #50

2. 🔥변경된 점

• 채팅방 들어올 때 이전 메시지 받아오도록 변경
• 이후 메세지들을 Flow로 구독하도록 변경
• 페이징 적용

3. 📸 스크린샷(선택)

4. 💡알게된 혹은 궁금한 사항들

페이징을 적용해서 함수를 호출하려고 하는데, 생각대로 안되는데요 ?

var previousChatTime by remember { mutableStateOf("") }

    LaunchedEffect(chatLog.size) {
        if (previousChatTime != (chatLog.lastOrNull()?.createdAt ?: "")) {
            coroutineScope.launch {
                listState.scrollToItem(chatLog.size)
                previousChatTime = chatLog.last().createdAt
            }
        }
    }

    LaunchedEffect(listState.firstVisibleItemIndex) {
        if (listState.firstVisibleItemIndex <= 3 && !isFirstPage) {
            getPreviousMessages()
        }
    }

내가 보고있는 채팅창의 LazyColumn 의 Item 인덱스가 3이하일 경우,

새롭게 이전 채팅 데이터를 호출해서 30개 정도를 호출하려고 했는데.

근데, 이걸 계속 호출해버리니까 똑같은 채팅 데이터를 여러 번 받아버리더라고요..

그래서 일단 아래 처럼 atomicBoolean을 써서 중복 호출을 막아둬서 해결하긴 했는데,,,

조금 더 좋은 경우가 있는 지는 계속해서 탐색해봐야 알 것 같따.

    fun getPreviousMessages() = viewModelScope.launch {
        if (!isLoading.get()) {
            isLoading.getAndSet(true)
            getPreviousMentoringMessagesUseCase(
                _roomId.value,
                _pagingTimeStamp.value,
            )
                .onSuccess {
                    if (it.size < PAGING_SIZE) {
                        _isFirstPage.value = true
                    }

                    chatLog.addAll(0, it)

                    if (it.size != 0) {
                        _pagingTimeStamp.value = chatLog[0].createdAt
                    }
                }
                .onFailure { Log.d("test", "onFailure : " + it.toString()) }
                .also { isLoading.getAndSet(false) }

        }
    }

기똥찬 firestore 채팅방 레퍼런스