如何将Retrofit Get请求结果赋值给MutableState变量？

问题根源 #

你的getRequest是独立的顶层函数，无法直接访问PlayScreen Composable内部的user可变状态变量——这是变量作用域的问题：Composable内的变量仅在其函数作用域内可见，顶层函数没有访问权限，所以赋值时user会标红报错。

教程中30:10的写法能生效，是因为教程里的请求逻辑和状态变量处于同一个作用域（比如请求函数写在Composable内部），所以可以直接赋值。

解决方案 #

下面提供几种可行的修复方式，按推荐程度排序：

1. 推荐：将请求逻辑移至ViewModel（符合Jetpack架构规范）

把状态管理和网络请求逻辑放到ViewModel中，Composable只负责UI渲染和触发操作，这是最规范的做法，也能避免作用域问题：

// 定义ViewModel
class PlayViewModel : ViewModel() {
    // 可变状态变量，对外只读
    var user by mutableStateOf(User("", ""))
        private set

    fun fetchUser() {
        // 使用viewModelScope，生命周期与ViewModel绑定，避免内存泄漏
        viewModelScope.launch(Dispatchers.IO) {
            val response = try {
                RetrofitInstance.api.getUser("Jack")
            } catch (e: HttpException) {
                return@launch
            } catch (e: IOException) {
                return@launch
            }

            if (response.isSuccessful && response.body() != null) {
                // 切换到主线程更新状态
                withContext(Dispatchers.Main) {
                    user = response.body()!!
                    Log.i("Tag", "$user")
                }
            }
        }
    }
}

// 修改PlayScreen Composable
@Composable
fun PlayScreen(
    navController: NavController,
    viewModel: PlayViewModel = viewModel(), // 自动获取ViewModel实例
){
    Column(
        modifier = Modifier.fillMaxSize(),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Bottom
    ) {
        Text(text = "${viewModel.user}")
        Button(onClick = { viewModel.fetchUser() }) {
            Text("Getuser")
        }
    }
}

2. 将请求函数移至Composable内部

把getRequest放到PlayScreen函数里，让它处于user变量的作用域内，同时用rememberCoroutineScope替代GlobalScope（避免生命周期泄漏）：

@Composable
fun PlayScreen(
    navController: NavController,
    context: Context = LocalContext.current,
){
    var user by remember{mutableStateOf(User("",""))}
    // 创建与Composable生命周期绑定的协程作用域
    val coroutineScope = rememberCoroutineScope()

    // 把getRequest移到Composable内部
    fun getRequest() { 
        coroutineScope.launch(Dispatchers.IO){
            val response = try{
                RetrofitInstance.api.getUser("Jack")
            }catch(e: HttpException){
                return@launch
            }catch(e: IOException){
                return@launch
            }
            
            if(response.isSuccessful && response.body() != null){
                withContext(Dispatchers.Main){
                    user = response.body()!!
                    Log.i("Tag", "$user")
                }
            }
        }
    }

    Column(
        modifier = Modifier.fillMaxSize(),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Bottom
    ) {
        Text(text = "$user")
        Button(onClick = { getRequest() }) {
            Text("Getuser")
        }
    }
}

3. 给顶层函数添加回调参数

如果坚持用顶层函数，可以通过回调函数传递请求结果，让Composable自己更新状态：

@Composable
fun PlayScreen(
    navController: NavController,
    context: Context = LocalContext.current,
){
    var user by remember{mutableStateOf(User("",""))}

    Column(
        modifier = Modifier.fillMaxSize(),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Bottom
    ) {
        Text(text = "$user")
        Button(onClick = {
            // 调用时传入更新状态的回调
            getRequest(context) { fetchedUser ->
                user = fetchedUser
            }
        }) {
            Text("Getuser")
        }
    }
}

// 修改顶层函数，添加回调参数
fun getRequest(context: Context, onUserFetched: (User) -> Unit) { 
    // 不推荐用GlobalScope，建议改用自定义CoroutineScope，这里暂时保留你的写法
    GlobalScope.launch(Dispatchers.IO){
        val response = try{
            RetrofitInstance.api.getUser("Jack")
        }catch(e: HttpException){
            return@launch
        }catch(e: IOException){
            return@launch
        }
        
        if(response.isSuccessful && response.body() != null){
            withContext(Dispatchers.Main){
                val fetchedUser = response.body()!!
                onUserFetched(fetchedUser)
                Log.i("Tag", "$fetchedUser")
            }
        }
    }
}

重要提醒 #

• 永远不要用GlobalScope发起协程，它的生命周期不受控，容易导致内存泄漏。推荐使用rememberCoroutineScope（Composable内）、viewModelScope（ViewModel内）或lifecycleScope（Activity/Fragment内）。
• 可变状态变量的赋值必须在主线程执行，所以网络请求后要通过withContext(Dispatchers.Main)切换线程。

内容的提问来源于stack exchange，提问作者CompleteNewb