更改文本字段Flutter 中最大字母的 colored颜色

发布于12月19日

如何改变这个的 colored颜色？并放置在其他位置.(如顶部的中心)

代码:

TextField(
      maxLength: 25,
      textAlign: TextAlign.center,
      obscureText: obscuretext,
      decoration: InputDecoration(
        contentPadding: const EdgeInsets.all(8.0),
        border: InputBorder.none,
        iconColor: Colors.grey.shade800,
        hintText: hintText,
        hintStyle: TextStyle(
          fontWeight: FontWeight.w600,
          fontSize: 16,
          color: Colors.grey.shade800,
        ),
        filled: true,
        fillColor: Colors.white54,
      ),
    );

推荐答案

try 下面的代码并使用buildCounter

Padding(
  padding: const EdgeInsets.all(16),
  child: TextFormField(
    maxLength: 25,
    decoration: const InputDecoration(
      border: OutlineInputBorder(),
       // If you want change color only of counterText then refer below style
      /*counterStyle: TextStyle(
        color: Colors.green,
      ),*/
    ),
    buildCounter: (BuildContext context,
            {int? currentLength, int? maxLength, bool? isFocused}) =>
        Container(
      alignment: Alignment.topLeft,//use alignment position on your need
      child: Text(
        '${currentLength.toString()}/${maxLength.toString()}',
        style: const TextStyle(
          color: Colors.indigo,
        ),
      ),
    ),
  ),
),

Result Screen->