TextField输入小数点触发异常且状态无法清空的修复咨询

我的购物清单的Quantity输入框允许输入小数点，但用户输入以小数点开头的内容（如.42）时，将字符串转为Double会抛出NumberFormatException。我尝试检查输入值是否为.，若是则把Quantity设为空字符串并弹出Toast提示“请输入有效的数量”，但实际Quantity状态并没有被清空，而且第一次按小数点键时不会弹出Toast，必须按退格键后再按小数点才会显示提示。请问该怎么修复这个问题？

ShoppingListItem 数据模型 #

@Parcelize
data class ShoppingListItem(
    val id: Long = 0L,
    val shoppingListId: Long = 0L,
    ...
    val quantity: String = "",
): Parcelable

ViewModel 代码 #

private val _shoppingListItemState = MutableLiveData(
    savedStateHandle.get<ShoppingListItem>("shoppinglistitem")
        ?: ShoppingListItem()
)

override val shoppingListItemState: LiveData<ShoppingListItem>
    get() = _shoppingListItemState

...

override fun setStateValue(stateToEdit: String, stateValue: Any?) {
 when (stateToEdit) {
      ITEM_QUANTITY_STR -> {
          _shoppingListItemState.value =
          _shoppingListItemState.value!!.copy(quantity = stateValue.toString())
        } 
    }
}

Composable 代码 #

CustomOutlinedTextField(
    fieldModifier = Modifier
        .width(150.dp)
        .padding(end = 8.dp)
        .onPreviewKeyEvent {
            if (it.key == Key.Tab && it.nativeKeyEvent.action == ACTION_DOWN) {
                focusManager.moveFocus(FocusDirection.Right)
                true
            } else {
                false
            }
        },
    label = ITEM_QUANTITY_STR,
    inputVal = shoppingListItemState.value!!.quantity,
    isSingleLine = true,
    keyboardOptions = KeyboardOptions.Default.copy(
        capitalization = KeyboardCapitalization.None,
        autoCorrect = false,
        keyboardType = KeyboardType.Decimal,
        imeAction = ImeAction.Next
    ),
    keyboardActions = KeyboardActions(
        onNext = { focusManager.moveFocus(FocusDirection.Right) }
    )
) { value ->
    if(value == ".") {
        Toast.makeText(context, "请输入有效的数量", Toast.LENGTH_LONG)
            .show()
        mainViewModel.setStateValue(
            ITEM_QUANTITY_STR,
            ""
        )
    } else {
        if (value.isEmpty()) {
        mainViewModel.setStateValue(
            ITEM_QUANTITY_STR,
            ""
        )
    } else {
            val counter = value.count { it == decimalSeparator }
            if (counter <= 1) {
                if (value.toDouble() <= 999_999.999) {
                    mainViewModel.setStateValue(
                        ITEM_QUANTITY_STR,
                        value
                    )
                }
            }
        }
    }
}

修复方案 #

1. 解决状态不更新与Toast不触发问题

当前核心问题是：输入.时，你仅更新了ViewModel状态，但CustomOutlinedTextField的输入值仍绑定旧状态（.），导致UI未同步；同时回调逻辑未明确返回新值给输入框，导致状态更新后UI没即时刷新。

修改Composable的回调逻辑，确保输入.时，不仅更新状态，还要返回空字符串同步UI：

} { value ->
    when {
        value == "." -> {
            // 弹出提示
            Toast.makeText(context, "请输入有效的数量", Toast.LENGTH_LONG).show()
            // 更新状态为空字符串
            mainViewModel.setStateValue(ITEM_QUANTITY_STR, "")
            // 返回空字符串让输入框同步显示
            ""
        }
        value.isEmpty() -> {
            mainViewModel.setStateValue(ITEM_QUANTITY_STR, "")
            value
        }
        else -> {
            val counter = value.count { it == decimalSeparator }
            if (counter <= 1) {
                // 自动补0处理以小数点开头的输入，避免NumberFormatException
                val processedValue = if (value.startsWith(".")) "0$value" else value
                try {
                    if (processedValue.toDouble() <= 999_999.999) {
                        mainViewModel.setStateValue(ITEM_QUANTITY_STR, processedValue)
                        processedValue
                    } else {
                        // 超过最大值时保持原状态
                        shoppingListItemState.value?.quantity ?: ""
                    }
                } catch (e: NumberFormatException) {
                    // 处理非法输入，保持原状态
                    shoppingListItemState.value?.quantity ?: ""
                }
            } else {
                // 多个小数点时保持原状态
                shoppingListItemState.value?.quantity ?: ""
            }
        }
    }
}

2. 优化小数输入逻辑

与其禁止输入.，不如自动补0处理以小数点开头的输入（如.42转为0.42），既符合用户输入习惯，又从根源避免NumberFormatException。

3. 移除不安全的非空断言

代码中大量使用!!可能引发空指针异常，改用安全调用处理：

// ViewModel中修改setStateValue
override fun setStateValue(stateToEdit: String, stateValue: Any?) {
    val currentState = _shoppingListItemState.value ?: return
    when (stateToEdit) {
        ITEM_QUANTITY_STR -> {
            _shoppingListItemState.value = currentState.copy(quantity = stateValue?.toString() ?: "")
        }
        // 其他状态处理
    }
}

// Composable中获取状态
val currentItem = shoppingListItemState.value ?: ShoppingListItem()
// 使用currentItem.quantity替代原有的!!调用

4. 替换Toast为Compose原生提示

在Compose中使用Toast不符合生命周期最佳实践，建议改用Snackbar：

// 在Composable中添加SnackbarHost
val snackbarHostState = remember { SnackbarHostState() }
val scope = rememberCoroutineScope()

SnackbarHost(hostState = snackbarHostState)

// 弹出提示时替换为：
scope.launch {
    snackbarHostState.showSnackbar("请输入有效的数量")
}

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