Jetpack Compose LazyColumn如何实现类似RecyclerView Adapter的通信与点击逻辑？

1. 传统lambda传递方式（和RecyclerView逻辑一致） #

这种思路和你之前用RecyclerView的套路完全一样：在UI层的列表项组件里定义点击回调参数，然后在宿主（比如Fragment对应的Compose函数、或者和ViewModel绑定的上层UI）中传入具体的逻辑实现。

示例代码：

// 通用列表项组件
@Composable
fun ListItem(item: String, onClick: () -> Unit) {
    Text(
        text = item,
        modifier = Modifier
            .fillMaxWidth()
            .clickable { onClick() }
            .padding(16.dp)
    )
}

// 包含LazyColumn的列表容器
@Composable
fun ItemList(items: List<String>, onItemClick: (String) -> Unit) {
    LazyColumn {
        items(items) { item ->
            ListItem(item = item, onClick = { onItemClick(item) })
        }
    }
}

// 在业务页面中使用（比如和ViewModel绑定的Compose函数）
@Composable
fun ScreenContent(viewModel: MyViewModel) {
    val items by viewModel.items.collectAsState()
    ItemList(
        items = items,
        onItemClick = { item ->
            // 直接调用ViewModel的方法处理业务逻辑
            viewModel.handleItemClick(item)
        }
    )
}

这么做的好处是能保持UI组件的通用性，列表项和LazyColumn都不绑定具体业务，适合需要复用组件的场景。

2. 直接在UI层调用ViewModel方法（更贴合Compose风格） #

因为Compose是声明式UI，官方也推荐UI层直接和ViewModel交互，所以你也可以省掉回调参数的传递，直接在列表项的点击事件里调用ViewModel的公开方法。

示例代码：

// 列表项组件直接接收ViewModel
@Composable
fun ListItem(item: String, viewModel: MyViewModel) {
    Text(
        text = item,
        modifier = Modifier
            .fillMaxWidth()
            .clickable {
                viewModel.handleItemClick(item)
            }
            .padding(16.dp)
    )
}

// LazyColumn容器中使用
@Composable
fun ItemList(items: List<String>, viewModel: MyViewModel) {
    LazyColumn {
        items(items) { item ->
            ListItem(item = item, viewModel = viewModel)
        }
    }
}

这种方式更简洁，少了一层回调传递，适合业务绑定较强、不需要复用列表项组件的场景。

3. 状态驱动的间接处理（进阶解耦方案） #

如果点击事件会触发UI状态变化，还可以用状态驱动的方式来处理：ViewModel暴露可观察的状态，UI层只负责根据状态渲染，点击事件只做一件事——更新ViewModel的状态，业务逻辑全在ViewModel里完成。

示例代码：

// ViewModel中定义状态和处理方法
class MyViewModel : ViewModel() {
    private val _selectedItem = MutableStateFlow<String?>(null)
    val selectedItem = _selectedItem.asStateFlow()
    val items = MutableStateFlow(listOf("Item 1", "Item 2", "Item 3"))

    fun handleItemClick(item: String) {
        _selectedItem.value = item
        // 这里处理具体业务：比如发送网络请求、触发导航等
    }
}

// UI层监听状态并渲染
@Composable
fun ScreenContent(viewModel: MyViewModel) {
    val items by viewModel.items.collectAsState()
    val selectedItem by viewModel.selectedItem.collectAsState()

    ItemList(
        items = items,
        selectedItem = selectedItem,
        onItemClick = { viewModel.handleItemClick(it) }
    )
}

@Composable
fun ListItem(item: String, isSelected: Boolean, onClick: () -> Unit) {
    Text(
        text = item,
        color = if (isSelected) Color.Blue else Color.Black,
        modifier = Modifier
            .fillMaxWidth()
            .clickable { onClick() }
            .padding(16.dp)
    )
}

这种方式完全遵循Compose的状态驱动原则，UI和业务逻辑彻底解耦，维护起来更轻松。

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