如何在布尔值isPlayerNearby变化时实现Android界面实时更新？

问题核心是你使用了普通布尔变量，Compose无法感知其变化。需要将变量转为可观察的状态变量，同时确保状态更新在主线程执行，这样UI才能自动重组刷新。

1. 将普通变量转为Compose状态变量 #

根据你的代码结构，推荐使用ViewModel来管理状态（业务逻辑与UI分离，更符合架构规范）：

ViewModel代码示例 #

import androidx.lifecycle.ViewModel
import androidx.lifecycle.viewModelScope
import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.launch
import com.google.android.gms.nearby.connection.EndpointDiscoveryCallback

class GameViewModel : ViewModel() {
    // 用mutableStateOf创建可观察状态，Compose会监听变化自动重组UI
    var isPlayerNearby by mutableStateOf(false)
        private set

    private val endpointDiscoveryCallback = object : EndpointDiscoveryCallback() {
        override fun onEndpointFound(endpointId: String, info: DiscoveredEndpointInfo) {
            toEndpointId = endpointId
            Nearby.getConnectionsClient(context)
                .requestConnection(getLocalUserName(), endpointId, connectionLifeCycleCallback)
                .addOnSuccessListener {
                    // 切换到主线程更新状态（Compose状态必须在主线程修改）
                    viewModelScope.launch(Dispatchers.Main) {
                        endpointFound()
                        isPlayerNearby = true
                        Toast.makeText(applicationContext, endpointId, Toast.LENGTH_SHORT).show()
                    }
                }
                .addOnFailureListener { _ ->
                    // 失败处理逻辑
                }
        }

        override fun onEndpointLost(endpointId: String) {
            viewModelScope.launch(Dispatchers.Main) {
                isPlayerNearby = false
                Toast.makeText(applicationContext, "Endpoint Lost", Toast.LENGTH_SHORT).show()
            }
        }
    }
}

2. 简化UI代码，利用状态自动更新 #

无需重复编写Button组件，通过enabled参数直接控制按钮状态：

Composable UI代码示例 #

@Composable
fun PlayerRangeUI(viewModel: GameViewModel = viewModel()) {
    val isPlayerNearby = viewModel.isPlayerNearby
    val playerName = /* 替换为实际玩家名变量 */

    Column {
        // 根据状态切换文本和图片
        if (isPlayerNearby) {
            Text("Player $playerName is within range!")
            Image(/* 范围内显示的图片资源 */)
        } else {
            Text("No players nearby. Keep searching.")
            Image(/* 无玩家时显示的图片资源 */)
        }

        // 仅当玩家在范围内时启用按钮
        Button(
            onClick = { attack() },
            enabled = isPlayerNearby
        ) {
            Text(text = "ELIMINATE")
        }
    }
}

关键说明 #

• 状态变量的作用：mutableStateOf创建的变量是Compose的可观察状态，当值变化时，Compose会自动触发相关UI区域的重组，实现实时更新。
• 主线程更新：Nearby的回调可能在后台线程执行，必须切换到主线程修改状态（用viewModelScope.launch(Dispatchers.Main)或CoroutineScope(Dispatchers.Main)），否则会导致UI更新异常。
• UI复用：通过enabled参数控制按钮状态，避免编写重复的UI代码，提升可维护性。

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