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

【问题标题】：how to display no. of character user can type and how many characters user had typed in TextFormField Flutter如何显示编号用户可以输入的字符数以及用户在 TextFormField Flutter 中输入的字符数
【发布时间】：2021-06-09 19:06:19
【问题描述】：

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

图片来源：blog link

【问题讨论】：

标签： flutter dart flutter-layout flutter-dependencies flutter-animation

【解决方案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

【讨论】：