flutter - (Flutter)TextFormField 在焦点上更改 labelColor

Question

我正试图在聚焦时更改我的 labelText 颜色。我可以更改文本颜色，但无法在聚焦时更改。

我已经尝试了所有的提示文字颜色和标签文字颜色，但没有任何帮助。

Container(
  padding: EdgeInsets.fromLTRB(15, 10, 15, 0),
  child: TextFormField(
    cursorColor: Colors.lightGreen,
    keyboardType: TextInputType.phone,
    decoration: InputDecoration(
      labelText: 'Phone Number',
      hintText: 'Enter a Phone Number',
      focusedBorder: OutlineInputBorder(
        borderSide: BorderSide(
          color: Colors.lightGreen
        )
      ),
      border: OutlineInputBorder(
        borderSide: BorderSide()
      ),
    )
  ),
),

这是正在发生的事情的图片:

Answer 1

您需要有一种方法来确定其焦点状态，然后根据该状态为其颜色创建条件。这是 focusNode 会有所帮助的地方。在小部件创建过程中构造一个新的 FocusNode，将其用作 TextFormField 中的 focusNode 属性。然后在 TextFormField 的 TextStyle 属性的颜色属性中，您可以添加如下内容:

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 上的任何事件。否则你将看不到任何变化。