From 8bbf1cfb27c9aaf2b0a2d1b67935e9b1e57d546e Mon Sep 17 00:00:00 2001 From: Eric85710 Date: Mon, 18 May 2026 15:39:29 +0800 Subject: [PATCH] dm-15 --- .../Message/UI/Detail/Message_Messaging.kt | 10 ++- .../login_v3/home/Message/UI/Message.kt | 65 ++++++++----------- .../Detail/Message_Messaging_ViewModel.kt | 14 ++-- 3 files changed, 44 insertions(+), 45 deletions(-) diff --git a/app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging.kt b/app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging.kt index bcac31c..b389128 100644 --- a/app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging.kt +++ b/app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging.kt @@ -1,5 +1,6 @@ package com.example.login_v3.home.Message.UI.Detail +import android.util.Log import androidx.compose.foundation.background import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Box @@ -27,6 +28,8 @@ import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui.unit.dp +import androidx.hilt.navigation.compose.hiltViewModel +import androidx.lifecycle.compose.collectAsStateWithLifecycle import androidx.lifecycle.viewmodel.compose.viewModel import androidx.navigation.NavController import com.example.login_v3.data.api.api_class.Message @@ -40,12 +43,15 @@ fun MessageMessaging( roomId: String, navController: NavController, onBackClick: () -> Unit, - viewModel: ChatViewModel = viewModel() + viewModel: ChatViewModel = hiltViewModel() ) { - val uiState by viewModel.uiState + // 加上 collectAsStateWithLifecycle() 轉換它 + val uiState by viewModel.uiState.collectAsStateWithLifecycle() + LaunchedEffect(roomId) { viewModel.loadMessages(roomId) + Log.d("ChatDebug", "UI State 變更為: ${uiState::class.simpleName}") } Scaffold( diff --git a/app/src/main/java/com/example/login_v3/home/Message/UI/Message.kt b/app/src/main/java/com/example/login_v3/home/Message/UI/Message.kt index b8b8a80..fd6e554 100644 --- a/app/src/main/java/com/example/login_v3/home/Message/UI/Message.kt +++ b/app/src/main/java/com/example/login_v3/home/Message/UI/Message.kt @@ -87,12 +87,11 @@ sealed class Screen(val route: String) { object CreateContact : Screen("create_contact") object FriendsList : Screen("friends_list") object ScanQRcode : Screen("scan_QRcode") - object MessageMessaging : Screen("message_messaging/{roomId}") { - // 這是給上一頁 Loaded_Tg_Message 跳轉時產生的真實路徑 + object MessageMessaging : Screen("message_messaging?roomId={roomId}") { fun createRoute(roomId: String): String { - // 建議加上 URL 編碼，防止 roomId 含有斜線或特殊字元導致二次閃退 val encodedId = java.net.URLEncoder.encode(roomId, "UTF-8") - return "message_messaging/$encodedId" + // 2. 修改這裡：帶入對應的格式 + return "message_messaging?roomId=$encodedId" } } } @@ -104,41 +103,20 @@ fun Tg_Message( val navController = rememberNavController() NavHost( - navController = navController, startDestination = Screen.Messages.route, - // 進入時的動畫（新頁面出現） - enterTransition = { - slideIntoContainer( - towards = AnimatedContentTransitionScope.SlideDirection.Left, - animationSpec = tween(700) - ) - }, - // 退出時的動畫（舊頁面消失） - exitTransition = { - slideOutOfContainer( - towards = AnimatedContentTransitionScope.SlideDirection.Left, - animationSpec = tween(700) - ) - }, - // 按返回鍵進入時的動畫 - popEnterTransition = { - slideIntoContainer( - towards = AnimatedContentTransitionScope.SlideDirection.Right, - animationSpec = tween(700) - ) - }, - // 按返回鍵退出時的動畫 - popExitTransition = { - slideOutOfContainer( - towards = AnimatedContentTransitionScope.SlideDirection.Right, - animationSpec = tween(700) - ) - } ) { + // 你的訊息主頁面 // 你的訊息主頁面 composable(Screen.Messages.route) { - Loaded_Tg_Message(navController) + Loaded_Tg_Message( + navController = navController, + onRoomClick = { roomId -> + // ✅ 使用你寫好的 createRoute(roomId) 帶入參數並導航 + val route = Screen.MessageMessaging.createRoute(roomId) + navController.navigate(route) + } + ) } // 新建聯絡頁面 @@ -160,15 +138,24 @@ fun Tg_Message( } //Message detail - // 這樣寫就完全沒問題了！因為 route 內部已經包含了 /{roomId} composable( - route = Screen.MessageMessaging.route, + route = Screen.MessageMessaging.route, // 現在是 "message_messaging?roomId={roomId}" arguments = listOf( - navArgument("roomId") { type = NavType.StringType } + navArgument("roomId") { + type = NavType.StringType + nullable = true // 查詢參數建議改為允許為空 + defaultValue = "" // 給予預設值 + } ) ) { backStackEntry -> - // 安全取出參數 - val roomId = backStackEntry.arguments?.getString("roomId").orEmpty() + // 這裡維持你寫好的安全解碼邏輯 + val encodedRoomId = backStackEntry.arguments?.getString("roomId").orEmpty() + + val roomId = try { + java.net.URLDecoder.decode(encodedRoomId, "UTF-8") + } catch (e: Exception) { + encodedRoomId + } MessageMessaging( roomId = roomId, diff --git a/app/src/main/java/com/example/login_v3/home/Message/ViewModel/Detail/Message_Messaging_ViewModel.kt b/app/src/main/java/com/example/login_v3/home/Message/ViewModel/Detail/Message_Messaging_ViewModel.kt index fe0976f..4b5c1c3 100644 --- a/app/src/main/java/com/example/login_v3/home/Message/ViewModel/Detail/Message_Messaging_ViewModel.kt +++ b/app/src/main/java/com/example/login_v3/home/Message/ViewModel/Detail/Message_Messaging_ViewModel.kt @@ -1,6 +1,7 @@ package com.example.login_v3.home.Message.ViewModel.Detail +import android.util.Log import androidx.lifecycle.ViewModel import androidx.lifecycle.viewModelScope import com.example.login_v3.data.repository.dm.ChatRoomsRepository @@ -24,22 +25,27 @@ class ChatViewModel @Inject constructor( private val repository: ChatRoomsRepository ) : ViewModel() { - // 1. 使用 MutableStateFlow，並設定初始值 private val _uiState = MutableStateFlow(MessagesUiState.Loading) - - // 2. 使用 asStateFlow() 公開唯讀的 StateFlow val uiState: StateFlow = _uiState.asStateFlow() fun loadMessages(roomId: String) { + // 🔴 Debug 1: 檢查傳進來的 roomId 是不是正確的，還是空的、被錯誤編碼的？ + Log.d("ChatDebug", "ViewModel: loadMessages 開始執行, roomId = '$roomId'") + viewModelScope.launch { _uiState.value = MessagesUiState.Loading repository.getChatMessages(roomId) .onSuccess { response -> - // 3. 更新 Flow 的值 + // 🔴 Debug 2: 檢查後端有沒有正確回傳，數量是多少？ + Log.d("ChatDebug", "ViewModel: API 請求成功, 訊息數量 = ${response.messages.size}") + _uiState.value = MessagesUiState.Success(messages = response.messages) } .onFailure { exception -> + // 🔴 Debug 3: 檢查是不是 API 報錯（例如 404, 500）或是解析 JSON 失敗 + Log.e("ChatDebug", "ViewModel: API 請求失敗", exception) + _uiState.value = MessagesUiState.Error(message = exception.message ?: "未知錯誤") } }