Jetpack Compose中Row嵌套动态列表AndroidView删除元素错位问题

问题根本原因 #

1. Compose默认子节点匹配规则 #

普通Row/Column中循环渲染子项时，Compose默认以子项的索引作为匹配标识，重组时只会移除索引超出新列表长度的节点，其余节点会直接复用。
举个实际场景的例子：
初始列表为["1","2","3"]，生成索引0、1、2三个节点。当你删除第一个元素"1"，新列表为["2","3"]，Compose按索引匹配时，仅会移除索引2的节点，保留索引0、1的节点。

2. AndroidView的执行逻辑 #

AndroidView的factory参数仅在组件首次被添加到Composition时执行1次，后续重组永远不会再次触发factory，只有update回调会在重组时跟随依赖参数变化执行。
你之前错误的写法把text = tag写在factory里，节点复用时不会更新文本，保留的索引0、1节点文本还是初始的1、2，看起来就像删除了最后一个元素3。而原生Compose的Text组件会自动响应参数变化更新内容，所以不会出现这个问题。

最优解决方案 #

分两步优化即可彻底解决问题：

步骤1：正确编写AndroidView逻辑 #

把所有依赖外部可变参数的赋值逻辑都移到update回调中，factory仅做初始化的固定配置：

AndroidView(
    factory = { context ->
        // factory仅放初始化固定配置，不要依赖外部循环变量
        EmojiTextView(context).apply {
            textAlignment = View.TEXT_ALIGNMENT_CENTER
            setTextColor(android.graphics.Color.BLACK)
            layoutParams = LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)
        }
    },
    // update回调会在参数变化时自动执行，更新View内容
    update = { view ->
        view.text = tag
    }
)

步骤2：给循环子项绑定唯一Key #

用Compose提供的key函数给每个子项绑定和内容对应的唯一标识，让Compose按内容匹配节点而非按位置匹配，删除元素时直接移除对应节点，避免不必要的复用，同时还能让列表增删的过渡动画正常生效，提升重组性能：

@Composable
fun TagRow(
    tags: List<String>,
    modifier: Modifier = Modifier
) {
    Row(modifier = modifier) {
        tags.forEach { tag ->
            // 用tag作为唯一key，保证增删元素时节点匹配正确
            key(tag) {
                AndroidView(
                    factory = { context ->
                        EmojiTextView(context).apply {
                            textAlignment = View.TEXT_ALIGNMENT_CENTER
                            setTextColor(android.graphics.Color.BLACK)
                            layoutParams = LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)
                        }
                    },
                    update = { view ->
                        view.text = tag
                    }
                )
            }
        }
    }
}

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