怎么显示号用户可以输入的字符数以及用户在 TextFormField Flutter 中输入的字符数

Question

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

图片来源：blog link

Answer 1

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

TextFormField(
  maxLength: 45,
)

或者你也可以有替代方案（它不会显示writtenCharacters/totalLimit），但是为此你需要导入

import 'package:flutter/services.dart';

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

Answer 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