如何在Flutter中隐藏文本字段底部的字母计数器

Question

我面临一个小问题.正如你所看到的,我在Flutter中设置了TextField的maxLength 1,但是我无法隐藏文本计数器的底部标签.

Answer 1

您可以使用输入格式化程序 TextField

以下是:

    inputFormatters:[
      LengthLimitingTextInputFormatter(1),
    ]

谢谢!

Answer 2

要在使用属性时隐藏TextField或TextFormField小部件的计数器值maxLength,请尝试以下操作:

TextField(decoration: InputDecoration(
              hintText: "Email",
              counterText: "",
              ),
          maxLength: 40,
          ),

在这里,我counterText在InputDecoration属性中设置了属性为空值.希望它会有所帮助.

Answer 3

你可以做：

TextField(
   maxLength: 10,
   buildCounter: (BuildContext context, { int currentLength, int maxLength, bool isFocused }) => null,
)

Answer 4

只需将 counter 设置为 Offstage() 即可。

TextField(
    maxLines: 1,
    decoration: InputDecoration(
      counter: Offstage(),
    ),
),

Answer 5

添加counterText: "",到 InputDecoration

TextField(
    decoration: InputDecoration(
        counterText: "",
    ),
    maxLength: 10,
),

Answer 6

大多数答案似乎都有效。另一种方法是用收缩的 SizeBox 分配计数器。

TextField(decoration: InputDecoration(
    hintText: "Email",
    counter: SizedBox.shrink()
),
  maxLength: 40,
),

Answer 7

仅此一点就解决了我的问题！

TextField(
   decoration: InputDecoration(
     labelText: "Table Number",
     counterText: ""
)

Answer 8

对于空安全，请使用以下命令：

TextField(
   maxLength: 10,
   buildCounter: (BuildContext context, {int? currentLength, int? maxLength, bool? isFocused}) => null,
)

Answer 9

您可以通过counterText: ''在textfield装饰内添加来隐藏计数器。它只会显示一个空字符串。

Answer 10

每当您不需要颤动的东西时，只需放一个空容器即可！

TextField(
  decoration: InputDecoration(
    hintText: "Email",
    counter: Container(),
  ),
  maxLength: 20,
),

Answer 11

只需将 buildCounter 设置为 null。
它是一个生成自定义 [InputDecorator.counter] 小部件的回调

TextField(
   maxLength: (some length),
   buildCounter: (BuildContext context, {int currentLength, int maxLength, bool isFocused}) => null,
);

Answer 12

您可以使用InputDecoratoin隐藏字母计数器。

TextFormField(
   decoration: InputDecoration(
     labelText: "username",
     counterStyle: TextStyle(height: double.minPositive,),
     counterText: ""
)

Answer 13

您可以在 TextField 中使用输入格式化程序设置输入限制，如果您只想隐藏设置输入限制的计数器，这是最好的方法。

import 'package:flutter/services.dart';

inputFormatters:[
      LengthLimitingTextInputFormatter(1),
]

或者你可以自定义装饰，制作一个 counter = Container()：

 decoration: InputDecoration(
    hintText: "Email",
    counter: Container(),
  ),

如果您更喜欢自定义 buildCounter，这里是如何正确执行此操作（您还可以自定义字体、颜色等）。当您的文本字段失去焦点时，计数器限制将消失。或者你可以直接设置

        TextField(
          controller: _clienteTextEditingController,
          maxLength: 50,
          buildCounter: (BuildContext context,
              {int currentLength, int maxLength, bool isFocused}) {
            return isFocused
                ? Text(
                    'The Input Limits are: $currentLength/$maxLength ',
                    style: new TextStyle(
                      fontSize: 10.0,
                    ),
                    semanticsLabel: 'Input constraints',
                  )
                : null;
          },
        ),