在Jetpack Compose中如何每隔5秒调用一次ViewModel的函数

核心逻辑 #

定时任务优先绑定对应组件的生命周期，自动在组件销毁时取消，避免内存泄漏，不需要手动管理任务生命周期。我们选择协程+Compose生命周期API实现，完全适配Jetpack生态的设计规范。

标准实现（绑定单页面生命周期） #

如果定时任务仅在当前页面可见时需要执行，直接在Composable层用LaunchedEffect实现即可，页面退出时任务会自动终止：

1. ViewModel层代码 #

class CustomViewModel : ViewModel() {
    // 你需要定时调用的业务方法
    fun syncData() {
        viewModelScope.launch {
            // 执行具体业务逻辑，比如网络请求、数据更新等
        }
    }
}

2. Compose层代码 #

@Composable
fun DataSyncScreen(viewModel: CustomViewModel = viewModel()) {
    // 仅在页面首次进入组合时启动定时任务
    LaunchedEffect(Unit) {
        while (true) {
            viewModel.syncData()
            delay(5000) // 5秒间隔，单位为毫秒
        }
    }

    // 页面其他UI渲染逻辑
}

适配不同需求的优化方案 #

• 需求：页面退到后台暂停定时，回到前台自动恢复
  可以接入生命周期感知API，仅在页面活跃状态执行任务：

  @Composable
  fun DataSyncScreen(viewModel: CustomViewModel = viewModel()) {
      val lifecycle = LocalLifecycleOwner.current.lifecycle
      LaunchedEffect(lifecycle) {
          lifecycle.repeatOnLifecycle(Lifecycle.State.RESUMED) {
              while (true) {
                  viewModel.syncData()
                  delay(5000)
              }
          }
      }
  }
  

• 需求：定时任务不受单个页面销毁影响，整个ViewModel生命周期内生效
  直接在ViewModel内部启动任务即可，ViewModel销毁时任务会自动取消：

  class CustomViewModel : ViewModel() {
      init {
          viewModelScope.launch {
              while (true) {
                  syncData()
                  delay(5000)
              }
          }
      }
  
      private fun syncData() {
          // 业务逻辑
      }
  }
  

注意事项 #

• 不要使用Java原生Timer、Handler做定时，这两类组件不会自动绑定Jetpack生命周期，手动处理销毁逻辑很容易出现内存泄漏
• 定时循环内建议添加异常捕获，避免单次业务执行报错导致整个定时协程退出
• 如果需要支持手动启停定时，可以在ViewModel内用Job变量持有定时协程，对外暴露启动、停止方法即可

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