Flutter TextField MaxLength

在 Flutter 中，TextField 是一个常用的表单输入控件。默认情况下，TextField 没有限制输入的字符数。但在实际开发中，我们可能需要设置 TextField 的最大输入长度。本文将介绍如何在 Flutter 中设置 TextField 的最大输入长度。

设置最大长度

通过为 TextField 的 maxLength 属性设置一个值，即可限制输入的字符数。例如，我们将最大输入长度设置为 10：

TextField(
  maxLength: 10,
);

在输入框内输入超过 10 个字符时，将不再允许输入。

显示最大长度提示

Flutter 还提供了一个 maxLengthEnforcement 属性，用于设置最大长度提示的方式。

默认情况下，当输入的字符数超过最大长度后，输入框右下角将会出现一个红色的提示（如下图所示）：

我们可以将 maxLengthEnforcement 设置为 MaxLengthEnforcement.truncateAfterCompositionEnds，当输入长度超过限制时，多余的字符将被截断。

TextField(
  maxLength: 10,
  maxLengthEnforcement: MaxLengthEnforcement.truncateAfterCompositionEnds,
);

这时，当输入的字符数超过最大长度限制时，多余的字符将被删除。

我们还可以将 maxLengthEnforcement 设置为 MaxLengthEnforcement.enforced，这时输入框将始终限制输入的字符数，多余的字符会被自动删除。

TextField(
  maxLength: 10,
  maxLengthEnforcement: MaxLengthEnforcement.enforced,
);

结论

通过设置 TextField 的 maxLength 属性和 maxLengthEnforcement 属性，可以灵活地限制和显示输入框的最大输入长度和提示方式。在实际开发中，我们应根据需要进行设置。

TextField(
  maxLength: 10,
  maxLengthEnforcement: MaxLengthEnforcement.truncateAfterCompositionEnds,
);