Flutter：在 TextField 的内部定位 MaxLength 计数器

Question

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

提前致谢！

Answer 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;
        });
      },
    );
  }
}

Flutter：在 TextField 的内部定位 MaxLength 计数器

Flutter: Position MaxLength Counter INSIDE of TextField

flutter

counter

textfield