限制 SwiftUI 文本字段输入至数字或小数点：digitswithPointOnly 扩展详解

IOS

2024-03-04 13:02:13

限制 SwiftUI 文本字段中的输入字符至 0-9 或小数点

引言

在 SwiftUI 中开发应用程序时，限制用户输入是至关重要的。在某些情况下，你可能需要限制文本字段中的输入字符，例如仅允许数字或小数点。本文将探讨如何使用 digitswithPointOnly 扩展来限制文本字段中的输入字符。

问题：限制输入字符

默认情况下，文本字段允许用户输入任何字符。这在某些情况下是不合适的，例如当需要数字或小数点时。例如，假设你有一个文本字段用于收集用户输入的数字。如果没有限制，用户可以输入任何字符，这可能导致错误或意外结果。

解决方案：digitswithPointOnly 扩展

SwiftUI 中的 digitswithPointOnly 扩展提供了一种简单的方法来限制文本字段中的输入字符。此扩展强制文本字段仅接受数字（0 到 9）和小数点（.`）。

使用 digitswithPointOnly 扩展非常简单。只需在文本字段的 .keyboardType 修改器后调用该扩展即可。以下是一个示例：

TextField("Measurement", text: $measurement)
    .keyboardType(.decimalPad)
    .digitswithPointOnly(text: $measurement)

这将限制文本字段中的输入字符，仅允许数字和小数点。

实现细节

digitswithPointOnly 扩展通过以下方式工作：

keyboardType(.decimalPad) 将键盘类型设置为数字键盘，以鼓励用户输入数字。
onChange(of: text.wrappedValue) 监听文本字段值的变化。
扩展将输入的字符过滤为仅允许数字和小数点。
此外，该扩展还限制输入的小数点后的小数位数，以避免输入无效的数字。

用例

digitswithPointOnly 扩展可在各种场景中使用，包括：

收集数字输入，例如金额、测量值或日期。
限制输入，仅允许小数点分隔数字。
防止用户输入特殊字符或字母。

常见问题解答

为什么我仍然可以在文本字段中输入非数字字符？
确保你已正确调用了 digitswithPointOnly 扩展。此外，检查键盘类型是否已设置为 .decimalPad。
我可以允许用户输入负数吗？
digitswithPointOnly 扩展仅允许输入正数。要允许负数，需要使用不同的方法，例如使用 TextField 并在自定义 keyboardType 中处理输入。
我可以限制小数点后的位数吗？
是的，digitswithPointOnly 扩展支持限制小数点后的位数。你可以通过设置 maxDecimalPlaces 参数来实现。

如何仅允许小数点？
要仅允许小数点，请使用以下 keyboardType 修改器：

TextField("Measurement", text: $measurement)
    .keyboardType(.decimalPad)
    .digitswithPointOnly(text: $measurement)
    .onReceive(text.publisher.first()) {
        text = "0."
    }