Jetpack Compose：实现带Chips的TextField及相关问题求助

一、解决LocalSoftwareKeyboardController找不到的错误 #

你遇到的java.lang.NoClassDefFoundError是因为LocalSoftwareKeyboardController在Compose UI 1.2.0及之后版本中被移除，替换成了LocalKeyboardController。如果使用的ChipTextField库基于旧版Compose开发，就会出现这个兼容性问题。

解决办法：

• 查看库的文档或build.gradle文件，确认它依赖的Compose版本，将项目中的Compose版本降级到对应版本。
• 检查该库是否有更新版本，优先使用适配新版Compose的分支或发布包。
• 放弃该库，改用下面推荐的方案或手动实现。

二、开源库推荐 #

1. 基于Compose Material3原生组件组合 #

无需第三方库，直接用Material3的AssistChip/FilterChip搭配TextField就能实现，灵活性更高：

// 示例代码（需引入accompanist-flowlayout实现流式布局）
val chips = remember { mutableStateListOf<String>() }
var inputText by remember { mutableStateOf("") }

FlowRow(
    modifier = Modifier.fillMaxWidth(),
    horizontalArrangement = Arrangement.spacedBy(8.dp),
    verticalArrangement = Arrangement.spacedBy(8.dp)
) {
    chips.forEach { chip ->
        AssistChip(
            onClick = {},
            label = { Text(chip) },
            trailingIcon = {
                IconButton(onClick = { chips.remove(chip) }) {
                    Icon(Icons.Default.Close, contentDescription = "删除标签")
                }
            }
        )
    }
    TextField(
        value = inputText,
        onValueChange = { inputText = it },
        placeholder = { Text("输入标签...") },
        modifier = Modifier.weight(1f),
        keyboardOptions = KeyboardOptions(imeAction = ImeAction.Done),
        keyboardActions = KeyboardActions(
            onDone = {
                if (inputText.isNotBlank()) {
                    chips.add(inputText)
                    inputText = ""
                }
            }
        )
    )
}

2. 维护活跃的第三方库 #

优先选择Star数较多、近期有更新的Chip输入库，比如标注适配Compose 1.2+版本的ChipInput类库，避免兼容性问题。

三、核心实现逻辑（手动实现参考） #

1. 用mutableStateListOf存储已添加的Chip内容，保证状态更新时UI自动重组。
2. 使用流式布局组件（如Accompanist的FlowRow）让Chip自动换行，避免溢出。
3. 监听TextField的回车/逗号输入，触发Chip添加逻辑，同时清空输入框。
4. 给每个Chip添加删除按钮，点击后从列表中移除对应项。

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