Jetpack Compose下拉菜单展开后无法点击，点击事件未触发求助

以下是几个可能导致DropdownMenuItem点击事件不触发的原因及对应修复方案：

1. 菜单关闭逻辑存在歧义 #

你在DropdownMenuItem的onClick中使用expanded = !expanded关闭菜单，若此时onDismissRequest被意外触发（比如点击菜单边缘区域），可能造成状态冲突，中断后续逻辑执行。

修复：直接将expanded设为false，并放在选中逻辑之后执行，避免歧义：

onClick = {
    selectedType = it
    viewModel.refreshCategory(it)
    expanded = false // 明确关闭菜单
}

2. 父布局点击区域覆盖下拉项 #

你的Row组件未限制宽度，可能会占据整个可用宽度，导致下拉菜单展开后，点击下拉项时实际触发的是Row的clickable事件，而非下拉项的点击事件。

修复：给Row和外层Box添加宽度限制，确保它们仅包裹自身内容：

Box(
    modifier = Modifier.wrapContentSize()
) {
    Row(
        modifier = Modifier
            .wrapContentWidth()
            .clickable { expanded = !expanded }
    ) {
        // ... 原有Text和Icon内容
    }
    // ... DropdownMenu内容
}

3. ViewModel方法阻塞或存在异常 #

如果viewModel.refreshCategory(it)包含耗时同步操作（如未在协程中执行的网络请求）或未捕获的异常，会导致onClick逻辑中断，表现为点击事件未触发。

修复：

• 将耗时操作移至viewModelScope.launch协程中执行
• 给方法添加异常捕获，避免逻辑中断或崩溃

4. Compose版本兼容性问题 #

若近期升级了Compose依赖，可能遇到DropdownMenu的已知bug，导致点击事件失效。

修复：回退到之前能正常工作的Compose版本，或查看官方Release Notes确认是否有相关修复。

修改后的完整代码示例 #

@Composable
fun SortedBySelector(viewModel: MainViewModel) {

    var expanded by remember { mutableStateOf(false) }
    var selectedType by remember { mutableStateOf(SortedBy.BY_DATE) }

    Box(
        modifier = Modifier.wrapContentSize()
    ) {
        Row(
            modifier = Modifier
                .wrapContentWidth()
                .clickable { expanded = !expanded }
        ) {
            Text(selectedType.value)
            Icon(
                imageVector = if (expanded) Icons.Default.KeyboardArrowUp else Icons.Default.KeyboardArrowDown,
                contentDescription = if (expanded) "Arrow Up" else "Arrow Down"
            )
        }
        DropdownMenu(
            expanded = expanded,
            onDismissRequest = { expanded = false },
            containerColor = MaterialTheme.colorScheme.background
        ) {
            listOfSortedBy.forEach {
                DropdownMenuItem(
                    text = { Text(it.value) },
                    onClick = {
                        selectedType = it
                        viewModel.refreshCategory(it)
                        expanded = false
                    }
                )
            }
        }
    }
}

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