Android XML列表项中Compose上下文菜单状态不同步无法关闭问题

场景复现 #

当前Android项目采用XML实现列表及列表项，每个列表项的上下文菜单通过Compose DropDownMenu实现：

列表项XML代码 #

<androidx.compose.ui.platform.ComposeView
    android:id="@+id/cvCustomButtonDdm"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_alignParentEnd="true"
    android:layout_gravity="end|top" />

Adapter中列表项构建代码 #

在BaseExpandableListAdapter的getChildView方法中：

val showDropDownMenuState = MutableStateFlow(false)

ui.ivCustomButton.setOnClickListener {
    showDropDownMenuState.value = true
    onCustomButtonClick(customButton, showDropDownMenuState)
}

菜单初始化代码 #

对应的onContextMenuClick方法：

private fun onContextMenuClick(showDropDownMenuState: MutableStateFlow<Boolean>) {
    ui.cvCustomButtonDdm.apply {

        setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
        setContent {
            val showDropDownMenu by showDropDownMenuState.collectAsStateWithLifecycle()

            SideEffect {
                println("showDropDownMenu = $showDropDownMenu")
            }

            ItemSettingsDdm(
                showDropDownMenu = showDropDownMenu,
                myDataItem = myDataItem!!,
                onAllocated = { myDataItem?.let { onAllocatedCallback?.invoke(it) } },
                onCompleted = {
                    myDataItem?.let {
                        onProgressCompletedClickCallback?.onProgressCompleted(
                            it
                        )
                    }
                },
                onDeleted = {
                    if (!isReadOnly) {
                        val dialog = FDeleteItemUniversal<>()
                            .withTitle(context.getString(R.string.delete_myDataItem_label))
                            .withMessage(context.getString(R.string.delete_myDataItem))
                        dialog.setItemToDelete(myDataItem)
                        onDeletedCallback?.let { dialog.setCallback(it) }
                        dialog.show(context.toAppActivity()?.supportFragmentManager)
                    } else {
                        context.err(R.string.myDataItem_is_readonly)
                    }
                },
                onDismissRequest = {
                    showDropDownMenuState.value = false
                }
            )
        }
    }
}

异常现象 #

测试时初始菜单显示/关闭正常，但后续出现状态顺序错误：

showDropDownMenu = true
showDropDownMenu = false

showDropDownMenu = true
showDropDownMenu = false

showDropDownMenu = true
showDropDownMenu = false

showDropDownMenu = true
showDropDownMenu = false

showDropDownMenu = false
showDropDownMenu = true

出现MutableStateFlow状态与菜单可见状态不同步的问题（如菜单可见但状态值为false），目前仅通过临时代码修复：

@Suppress("ControlFlowWithEmptyBody")
if (showDropDownMenuState.value) {
} else showDropDownMenuState.value = true

showDropDownMenuState.value = false

状态混乱的原因与代码问题分析 #

1. 列表项复用导致StateFlow实例重复创建与状态干扰 #

BaseExpandableListAdapter的getChildView是列表项复用的核心方法，每次复用列表项时都会重新创建MutableStateFlow(false)实例。但被复用的ComposeView可能还持有旧列表项的StateFlow引用，当旧StateFlow的onDismissRequest触发（比如用户点击空白处关闭旧菜单），会发送false状态；而当前新的点击操作会发送true，两者的状态更新顺序可能颠倒，就会出现日志中false在前、true在后的异常。

2. ComposeView重复调用setContent引发多订阅冲突 #

每次点击按钮都会调用onContextMenuClick，而该方法会给同一个ComposeView重复调用setContent。这会导致Compose多次订阅StateFlow（甚至是不同的StateFlow实例），多个订阅源同时推送状态更新，直接造成状态顺序混乱。

同时，setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)仅在View的生命周期销毁时释放Compose内容，但列表项复用时View的生命周期并未销毁，旧的Compose内容仍然持有旧StateFlow的引用，会继续接收状态变更，干扰当前列表项的状态。

3. StateFlow的生命周期与列表项不匹配 #

当前StateFlow是在getChildView的局部作用域创建的，其生命周期完全依赖方法调用周期，而非列表项View的复用周期。当列表项被滑出屏幕复用后，旧的StateFlow并未被销毁，仍然处于活跃状态，会继续发送状态更新，干扰新复用的列表项。

修复建议 #

1. 将StateFlow与列表项数据绑定 #

把showDropDownMenuState放到列表项对应的myDataItem数据类中，或者用HashMap以数据项的唯一标识为Key存储StateFlow实例，确保每个数据项对应唯一的状态流，彻底避免复用导致的状态干扰。

2. 仅初始化一次ComposeView #

在列表项ViewHolder的构造方法中只调用一次setContent，将StateFlow作为参数传递给Compose组件，而非每次点击都重新设置内容。这样可以避免多次订阅和重组冲突。

3. 用View的Tag存储StateFlow实现复用 #

在getChildView中，优先从View的Tag中获取已有的StateFlow，不存在时再创建：

val showDropDownMenuState = ui.root.tag as? MutableStateFlow<Boolean> 
    ?: MutableStateFlow(false).also { ui.root.tag = it }

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