Вам понадобится способ определить его состояние фокуса, а затем на его основе создать условное выражение для его цвета. Вот где focusNode было бы полезно. Создайте новый FocusNode из создания виджета, используйте его как свойство focusNode в TextFormField. Затем в свойстве цвета свойства TextStyle объекта TextFormField вы можете добавить что-то вроде:

FocusNode myFocusNode = new FocusNode();

...

  return TextFormField(
    focusNode: myFocusNode,
    decoration: InputDecoration(
      labelText: 'test',
      labelStyle: TextStyle(
        color: myFocusNode.hasFocus ? Colors.blue : Colors.black
      )
    ),
  );

РЕДАКТИРОВАТЬ: Просто небольшое примечание, вам, вероятно, нужно убедиться, что это находится в StatefulWidget, а затем добавить слушателя к focusNode, который вы создали, и вызвать setState для любых событий в этом focusNode. В противном случае вы не увидите никаких изменений.

The Summary

Возможно, вы захотите ознакомиться с рецептом Фокус и текстовые поля Flutter Cookbook.

По сути, мы должны:

1. Создайте свойство FocusNode.
2. Добавьте к нему инициализацию и удаление.
3. Добавьте его в TextFormField.
4. Добавляйте запрос на фокус при каждом нажатии на TextFormField.

1. Create a FocusNode property

class CustomTextFormFieldState extends State<CustomTextFormField> {
  FocusNode _focusNode;
  ...

2. Add initialization and disposal to it

@override
void initState() {
  super.initState();
  _focusNode = FocusNode();
}

@override
void dispose() {
  _focusNode.dispose();
  super.dispose();
}

3. Add it to the TextFormField

@override
Widget build(BuildContext context) {
  return TextFormField(
    focusNode: _focusNode,
    ...

4. Add a focus request on every tap on the TextFormField

Не забудьте использовать setState:

void _requestFocus(){
  setState(() {
    FocusScope.of(context).requestFocus(_focusNode);
  });
}

Добавьте метод в свойство TextFormField onTap:

@override
Widget build(BuildContext context) {
  return TextFormField(
    focusNode: _focusNode,
    onTap: _requestFocus,
    ...

Вот быстрый метод без использования виджета с отслеживанием состояния

 return Theme( // 1) wrap with theme widget
   data: Theme.of(context).copyWith(primaryColor: //2) color you want here)
   child: TextFormField(
     focusNode: myFocusNode,
     decoration: InputDecoration(
    labelText: 'test',      
    ),
   ),
  );

Быстрое решение - изменить primarySwatch с theme виджета MaterialApp. Единственный недостаток - требуется Material Color.

Решаю эту проблему виджетом Focus. Сначала я определил переменную цвета для каждого поля:

final _lowColor = Colors.amber[50];   // use your own colors
final _highColor = Colors.amber[200];

Color _field1Color = _lowColor;
Color _field2Color = _lowColor;
...

Затем я обернул каждый TextFormField виджетом Focus и изменил fieldColor:

child: Focus(
  onFocusChange: (hasFocus) {
    setState(() => _field1Color = hasFocus ? _highColor : _lowColor);
  },
  child: TextFormField(
    ...
      color: _field1Color,
    ...
    ),
  ), 
),

Update

Как упоминалось в комментарии Гильерме, более поздняя версия Flutter использует другую логику для получения цвета.

Color _getActiveColor(ThemeData themeData) {
  if (isFocused) {
    return themeData.colorScheme.primary;
  }
  return themeData.hintColor;
}

ThemeData.dark().copyWith( colorScheme: ColorScheme.dark( primary: activeColor, ), )

TextStyle _getFloatingLabelStyle(ThemeData themeData) {
  final Color color = decoration.errorText != null
    ? decoration.errorStyle?.color ?? themeData.errorColor
    : _getActiveColor(themeData);
  final TextStyle style = themeData.textTheme.subtitle1.merge(widget.baseStyle);
  return style
    .copyWith(color: decoration.enabled ? color : themeData.disabledColor)
    .merge(decoration.labelStyle);
}

Color _getActiveColor(ThemeData themeData) {
  if (isFocused) {
    switch (themeData.brightness) {
      case Brightness.dark:
        return themeData.accentColor;
      case Brightness.light:
        return themeData.primaryColor;
    }
  }
  return themeData.hintColor;
}

ThemeData.dark().copyWith(
  primaryColor: Colors.red,
  accentColor: Colors.white,
  hintColor: Colors.pink,
)

вы также можете использовать labelStyle, когда текстовое поле находится в фокусе и если текстовое поле ошибочно (вызвано несоблюдением проверки)

labelText: 'Password',
     labelStyle: TextStyle(
        color: Colors.black54,
          ),
//when error has occured
     errorStyle: TextStyle(
       color: Colors.black,
         ),

Вы можете обернуть текстовое поле Theme и установить в качестве основного цвета любой цвет метки.

В разделе «decoration» есть lableStyle, например:

labelText: 'Description',
labelStyle: TextStyle(
  color: Colors.lightBlueAccent,
)),

Если вы хотите изменить основной цвет. Просто определите добавить primaryColor из Widget MaterialApp.

const appPrimaryColor = Color(0xFF746DF7);

ThemeData theme() {
  return ThemeData(
    scaffoldBackgroundColor: Colors.white,
    fontFamily: "Inter",
    appBarTheme: appBarTheme(),
    textTheme: textTheme(),
    inputDecorationTheme: inputDecorationTheme(),
    visualDensity: VisualDensity.adaptivePlatformDensity,
    primaryColor: appPrimaryColor // <------ HERE
  );
}

MaterialApp(
   title: 'Flutter Demo',
   theme: theme(), // <------ HERE
   home: SplashScreen(),
   routes: routes,
)

Решил проблему с помощью виджета StatefulWidget и Focus. Я использую StatefulWidget, потому что вам нужно использовать setState для уведомления об изменении цвета при фокусировке на вводе.

class InputEmail extends StatefulWidget {
  @override
  _InputEmailState createState() => _InputEmailState();
}

class _InputEmailState extends State<InputEmail> {
  Color _colorText = Colors.black54;

  @override
  Widget build(BuildContext context) {
    const _defaultColor = Colors.black54;
    const _focusColor = Colors.purple;

    return Container(
      padding: EdgeInsets.symmetric(vertical: 15),
      child: Focus(
        onFocusChange: (hasFocus) {
          // When you focus on input email, you need to notify the color change into the widget.
          setState(() => _colorText = hasFocus ? _focusColor : _defaultColor);
        },
        child: TextField(
          // Validate input Email
          keyboardType: TextInputType.emailAddress,
          
          decoration: InputDecoration(
            hintText: '[email protected]',
            labelText: 'Email',
            labelStyle: TextStyle(color: _colorText),
            
            // Default Color underline
            enabledBorder: UnderlineInputBorder(
              borderSide: BorderSide(color: Colors.black26),
            ),

            // Focus Color underline
            focusedBorder: UnderlineInputBorder(
              borderSide: BorderSide(color: Colors.purple),
            ),
            icon: Icon(
              Icons.mail,
              color: Colors.deepPurpleAccent,
            ),
          ),
        ),
      ),
    );
  }
}