如何在Jetpack Compose的LazyColumn中结合协程与Room数据库使用

你遇到的报错本质是**@Composable函数只能在Compose重组的专用上下文中执行**，协程的launch代码块不属于Composable上下文，因此不能在里面直接调用RssList这类Composable函数。

如果只是简单演示网络拉取展示的逻辑，可以用Compose提供的LaunchedEffect副作用API，它会在Composable进入组合时自动启动协程，非常适合页面初始化拉取数据的场景：

class MainActivity : AppCompatActivity() {
   override fun onCreate(savedInstanceState: Bundle?) {
       super.onCreate(savedInstanceState)
       setContent {
           MyAppTheme {
               Surface(color = MaterialTheme.colors.background) {
                   // 定义可观测的列表状态，数据变化时自动触发界面更新
                   val rssListState = remember { mutableStateOf<List<RssItems>?>(null) }
                   
                   // 进入页面时自动启动协程拉取数据，key为Unit表示只执行一次
                   LaunchedEffect(Unit) {
                       val fetchedData = RssFetcher.fetchRss()
                       rssListState.value = fetchedData
                   }
                   
                   // 根据状态渲染界面
                   when {
                       rssListState.value == null -> {
                           // 可以加加载中提示
                           Text(text = "加载中...")
                       }
                       else -> {
                           RssList(rssListState.value!!)
                       }
                   }
               }
           }
       }
   }
}

@Composable
fun RssList(list: List<RssItems>){
   LazyColumn {
       items(list) { item ->
           // 渲染单个RSS条目
           Text(text = item.title)
       }
   }
}

rememberCoroutineScope的适用场景是响应用户交互时启动协程，比如点击按钮刷新数据，你当前的初始化拉取场景用LaunchedEffect更符合规范。

生产环境推荐用ViewModel承载数据逻辑，和界面生命周期解耦，配置变更（比如旋转屏幕）时不会重复拉取数据：

步骤1：定义ViewModel #

class RssViewModel : ViewModel() {
    // 用StateFlow承载列表数据，也可以替换为LiveData
    private val _rssList = MutableStateFlow<List<RssItems>>(emptyList())
    val rssList: StateFlow<List<RssItems>> = _rssList

    init {
        fetchRssData()
    }

    private fun fetchRssData() {
        // viewModelScope会在ViewModel销毁时自动取消协程，避免内存泄漏
        viewModelScope.launch {
            // 可以先从Room读本地缓存，再拉取网络更新
            val localData = RssDatabase.get().rssDao().getAll()
            _rssList.value = localData
            // 拉取网络数据更新
            val netData = RssFetcher.fetchRss()
            // 插入Room缓存
            RssDatabase.get().rssDao().insertAll(netData)
            _rssList.value = netData
        }
    }
}

步骤2：在Compose中订阅ViewModel数据 #

class MainActivity : AppCompatActivity() {
   override fun onCreate(savedInstanceState: Bundle?) {
       super.onCreate(savedInstanceState)
       // 获取ViewModel实例
       val rssViewModel by viewModels<RssViewModel>()
       setContent {
           MyAppTheme {
               Surface(color = MaterialTheme.colors.background) {
                   // 订阅StateFlow变化，自动更新界面，collectAsStateWithLifecycle会遵循页面生命周期更省资源
                   val rssList by rssViewModel.rssList.collectAsStateWithLifecycle()
                   RssList(rssList)
               }
           }
       }
   }
}

如果你的数据是LiveData类型，只需添加androidx.compose.runtime:runtime-livedata依赖，调用liveData.observeAsState()即可完成订阅。

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