保姆级学习开发安卓手机软件实战(十八)--Navigation路由补充(带传入参数)

package com.example.jstz1.ui.screenimport android.app.Applicationimport androidx.lifecycle.AndroidViewModelimport androidx.lifecycle.viewModelScopeimport com.example.jstz1.data.model.DeviceStateimport com.example.jstz1.data.remote.DeviceEventimport com.example.jstz1.data.remote.DeviceSessionManagerimport com.example.jstz1.data.remote.ManualCtrlimport com.example.jstz1.data.remote.PacketBuilderimport kotlinx.coroutines.flow.MutableStateFlowimport kotlinx.coroutines.flow.StateFlowimport kotlinx.coroutines.flow.asStateFlowimport kotlinx.coroutines.launch/** * 设备详情页ViewModel * @param application Application上下文，AndroidViewModel要求，避免持有Activity上下文导致内存泄漏 * @param devId 当前页面查看的设备ID，固定为本页面的目标设备 */class DeviceDetailViewModel(    application: Application,    private val devId: String) : AndroidViewModel(application) {    /**     * 设备最新状态流     * null：离线 / 尚未收到该设备的状态数据     * MutableStateFlow：内部可变，仅ViewModel内部修改     */    private val _state = MutableStateFlow<DeviceState?>(null)    /**     * 对外暴露只读状态流，Compose页面collect观察UI刷新     */    val state: StateFlow<DeviceState?> = _state.asStateFlow()    init {        // viewModelScope：ViewModel生命周期协程，ViewModel销毁自动cancel，不会泄漏        viewModelScope.launch {            // 全局设备事件管理器：订阅所有设备推送过来的事件            DeviceSessionManager.events.collect { e ->                when (e) {                    // 设备状态更新事件                    is DeviceEvent.StateUpdated -> {                        // 只处理和当前页面devId匹配的设备，过滤其他设备事件                        if (e.state.devId == devId) {                            _state.value = e.state                        }                    }                    // 设备离线事件                    is DeviceEvent.Offline -> {                        if (e.devId == devId) {                            // 置为null，UI上展示离线                            _state.value = null                        }                    }                    // 设备上线事件：当前逻辑暂时不单独处理，按需在这里加逻辑                    is DeviceEvent.Online -> Unit                }            }        }    }}

/** * 设备详情页面 * @param devId 设备唯一ID【路由路径参数，由navController跳转时传入】 * @param ip 可选设备ip，非路由必传参数，按需传递 * @param onBack 返回上一页回调 * @param modifier 外层修饰符 * @param currentUser 当前登录用户信息，用于顶部栏展示 * @param onLogout 登出回调，点击顶部栏登出按钮触发 */@Composableinternal funDeviceDetailScreen(    devId: String,    ip: String? = null,    onBack: () -> Unit,    modifier: Modifier = Modifier,    currentUser: String? = null,    onLogout: () -> Unit = {}) {    // 获取Application上下文，给ViewModel使用，避免内存泄漏（不要直接拿Activity context）    val app: android.app.Application =        LocalContext.current.applicationContext as android.app.Application    // 构造ViewModel，传入Application + 路由拿到的devId    // viewModelFactory：自定义工厂，用来给ViewModel传构造参数（devId不能无参构造）    val vm: DeviceDetailViewModel = viewModel(        factory = viewModelFactory {            initializer { DeviceDetailViewModel(app, devId) }        }    )    Surface(modifier.fillMaxSize(), color = MaterialTheme.colorScheme.background) {        Column(Modifier.fillMaxSize()) {            // 顶部导航栏：标题展示devId，支持返回、展示用户、登出            TopBar(                title = devId,                onBack = onBack,                currentUser = currentUser,                onLogout = onLogout            )        }    }}

const val DEV_DETAIL = "devDetail/{devId}"// 函数：根据 devId 拼接出真实路由fundetail_Dev(devId: String)="devDetail/$devId"

// 带参数的详情页        composable(            route = Route.DEV_DETAIL,            arguments = listOf(navArgument("devId") { type = NavType.StringType })//arguments：声明这个路由需要接收的参数定义        ) { entry ->            // entry = backStackEntry：导航栈条目，存放本次跳转携带的所有参数            // 从导航参数包里取出 devId；为空兜底返回空字符串                        val devId = entry.arguments?.getString("devId").orEmpty()            DeviceDetailScreen(                devId       = devId,//传入界面供界面和vm使用                currentUser = currentUser,                onLogout    = { Logout() },                onBack      = { navController.popBackStack() }            )        }