Android Jetpack Compose：Composable函数未随状态更新刷新

你的代码存在三个核心问题，导致Composable无法跟随ViewModel状态更新：

1. API请求被重复触发 #

Composable每次重组都会调用vm.getWeather()，不仅浪费资源，还会干扰状态更新逻辑。

2. 未正确订阅ViewModel状态变化 #

直接取vm._state.value无法让Composable感知状态更新，必须建立状态订阅关系才能触发重组。

3. 状态封装不规范 #

ViewModel暴露了可变的_state，既不符合单向数据流原则，也增加了状态管理风险。

修改后的ViewModel代码 #

@HiltViewModel
class CurrentConditionsViewModel @Inject constructor(private val weatherRepository: WeatherRepositoryImpl) :
    ViewModel() {

    // 内部可变状态，仅在ViewModel内修改
    private val _state: MutableState<Resource<CurrentConditionsDataModel>?> = mutableStateOf(null)
    // 外部暴露只读状态，供Composable订阅
    val state: State<Resource<CurrentConditionsDataModel>?> = _state

    fun getWeather(lat: Double, long: Double) {
        viewModelScope.launch {
            weatherRepository.getWeather(latt = lat, longg = long).collect {
                _state.value = it
            }
        }
    }
}

修改后的Composable代码 #

@Composable
fun getCurrentWeather(lat: Double, long: Double, nc: NavHostController,
                      vm: CurrentConditionsViewModel = hiltViewModel()) {
    // 订阅ViewModel状态变化，状态更新时自动触发重组
    val state by vm.state

    // 仅在lat/long变化时发起一次请求，避免重复调用
    LaunchedEffect(lat, long) {
        vm.getWeather(lat = lat, long = long)
    }

    when (state) {
        is Resource.Loading -> {
            CircularProgressIndicator(
                modifier = Modifier
                    .fillMaxSize()
                    .wrapContentSize(align = Alignment.Center)
            )
        }
        is Resource.Success -> {
            state.data?.let { weatherData ->
                Text(text = weatherData.name)
                // 遍历weather数据并渲染
                weatherData.weather.forEach { weather ->
                    Text(text = weather.description)
                }
            } ?: Text(text = "暂无数据")
        }
        is Resource.Error -> {
            Text(text = state.message ?: "加载失败")
        }
        null -> {
            // 初始状态占位，可根据需求调整
        }
    }
}

关键修改说明 #

• LaunchedEffect(lat, long)：限定API请求仅在纬度/经度变化时执行，避免Composable重复重组导致的多次请求。
• val state by vm.state：通过委托订阅ViewModel的只读状态，状态更新时自动触发Composable重组，从而更新UI。
• 移除局部状态：直接使用ViewModel中的数据渲染UI，避免状态冗余和不必要的重组循环，同时用?.let替代!!强制解包，减少空指针风险。

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