如何显示编号用户可以输入的字符数以及用户在 TextFormField Flutter 中输入的字符数

Posted 2023-02-23

【中文标题】如何显示编号用户可以输入的字符数以及用户在 TextFormField Flutter 中输入的字符数

【英文标题】：how to display no. of character user can type and how many characters user had typed in TextFormField Flutter

【发布时间】：2021-06-09 19:06:19

【问题描述】：

我们如何在 Flutter 中显示用户输入的输入字符数以及用户可以在该 TEXTFORMFIELD 中输入多少个字符？赞这个

图片来源：blog link

【参考方案1】：

您可以添加 maxLength 属性（它将显示writtenCharacters/totalLimit）

TextFormField(
  maxLength: 45,
)

或者您也可以有其他选择（它不会显示writtenCharacters/totalLimit），但为此您需要导入

import 'package:flutter/services.dart';

TextFormField(
  inputFormatters: [
    LengthLimitingTextInputFormatter(45),
  ],
)

【讨论】：

但我需要使用 TEXTFORMFIELD 而不是 TEXTFIELD

谢谢，我已经在用了（第二个）；但我也想显示它.. 更新 :: 谢谢第一个作品。我的坏

那么第一个可以帮忙！

【参考方案2】：

您仍然可以使用 TextField 并通过将 TextField 的输入保存到文本更改的变量中来实现 TextFormField 所做的事情

TextField(
          maxLines: 3,
          maxLength: 30,
          onChanged: (value) 
             _content = value;
            ,
          ),

并在您的表单提交中发送_content

使用 TextFormField，您可以通过传递 TextEditingController 到 TextFormField

final _myTextEditingController = TextEditingController();

TextFormField(
                controller: _myTextEditingController,
                maxLength: 30
)

并显示字符数

_myTextEditingController.text.length