【问题标题】:Flutter: Position MaxLength Counter INSIDE of TextField颤振:TextField 内部的位置 MaxLength 计数器
【发布时间】:2021-06-07 03:17:07
【问题描述】:

有没有办法在 Flutter 的文本字段中定位字符计数器?我发现其他人询问自定义计数器的问题并设法将其放置到位,但它仍然位于字段下方和字段之外。我很想把它放在后缀所在的地方,但我敢打赌这是不可能的。还有其他方法可以让计数器出现在字段内吗?

提前致谢!

【问题讨论】:

    标签: flutter counter textfield


    【解决方案1】:

    获取文本的长度,然后将后缀文本更改为等于该长度。

    这样

    class MyTextField extends StatefulWidget {
      @override
      _MyTextFieldState createState() => _MyTextFieldState();
    }
    
    class _MyTextFieldState extends State<MyTextField> {
      var maxLength = 10;
      var textLength = 0;
    
      @override
      Widget build(BuildContext context) {
        return TextFormField(
          decoration: InputDecoration(
            contentPadding: EdgeInsets.all(15),
            suffixText: '${textLength.toString()}/${maxLength.toString()}',
            counterText: "",
          ),
          cursorRadius: Radius.circular(10),
          keyboardType: TextInputType.text,
          autofocus: true,
          maxLength: maxLength,
          onChanged: (value) {
            setState(() {
              textLength = value.length;
            });
          },
        );
      }
    } 
    

    【讨论】:

      猜你喜欢
      • 2018-10-18
      • 2021-04-21
      • 1970-01-01
      • 1970-01-01
      • 2019-07-03
      • 2021-09-15
      • 2020-11-20
      • 1970-01-01
      相关资源
      最近更新 更多