Compose TextFieldValue校验：仅输入空格时禁用保存按钮

问题场景 #

开发中使用OutlineTextField组件时，通过TextFieldValue获取输入值，输入框上方设置保存按钮，预期逻辑：

• 存在有效输入时按钮启用
• 无有效输入时按钮禁用

初始实现的校验逻辑如下：

val textFieldState = remember {
mutableStateOf(TextFieldValue(EMPTY))
}

onSaveClickEnabled = textFieldState.value.text.isNotEmpty()

该逻辑存在缺陷：用户仅输入空格时，isNotEmpty()判定结果为真，保存按钮会被错误启用。尝试使用trim()处理文本后再判断，未达到预期效果。

需要达成的校验规则：

• 输入内容同时包含空格与其他非空格有效字符时，启用保存按钮
• 用户仅输入空格（含多个连续空格）时，保存按钮保持禁用

正确实现方案 #

直接使用Kotlin标准库提供的isBlank()方法做反向判断即可，核心逻辑是判断输入内容是否并非全空白字符：

val textFieldState = remember {
mutableStateOf(TextFieldValue(EMPTY))
}

onSaveClickEnabled = !textFieldState.value.text.isBlank()

逻辑说明 #

• isBlank()的原生判定规则：字符串为空，或字符串所有字符均为空白字符时返回true，覆盖所有Unicode标准定义的空白类型，包括半角空格、全角空格、制表符、不间断空格等
• 判定效果完全匹配需求：
  • 输入全为空白字符（任意数量、任意类型空格）：isBlank()返回true，按钮禁用
  • 输入存在任意非空白有效字符（无论夹杂多少空格、空格出现在首尾还是内容中间）：isBlank()返回false，按钮启用
• 不推荐使用trim().isNotEmpty()实现：该方法仅能处理首尾半角空格，无法识别全角空格等特殊空白字符，在中文输入场景下容易出现校验漏判。

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