如何更改文本字段 header 颜色？

Question

关注此问题时如何将“名称”表单文本字段更改为紫色我在这里遇到问题，我尝试解决此问题但它不起作用

这是我的代码

class NewName extends StatefulWidget {
  @override
  _NewNomeState createState() => _NewNomeState();
}

class _NewNomeState extends State<NewName> {
  @override
  Widget build(BuildContext context) {
    FocusNode myFocusNode = new FocusNode();
    return Padding(
      padding: const EdgeInsets.only(top: 0, left: 50, right: 50),
      child: Container(
        height: 60,
        width: MediaQuery.of(context).size.width,
        child: TextField(
          focusNode: myFocusNode,
          style: TextStyle(
            color: Colors.purple,
          ),
          decoration: InputDecoration(
            enabledBorder: UnderlineInputBorder(
              borderSide: BorderSide(color: Colors.black),
            ),
            focusedBorder: UnderlineInputBorder(
              borderSide: BorderSide(color: Colors.purple),
            ),
            border: UnderlineInputBorder(
              borderSide: BorderSide(color: Colors.purple),
            ),
            labelText: 'Name',
            labelStyle: TextStyle(
                fontFamily: 'SukumvitSetSemiBold',
                fontSize: 14,
                color: myFocusNode.hasFocus ? Colors.purple : Colors.black),
          ),
        ),
      ),
    );
  }

}

我见过一些类似的问题，但我仍然不知道如何解决它。 我在这里太困惑了请帮助#非常感谢

Answer 1

首先你应该在构建 function 之外声明你的 focusNode，尝试移动FocusNode myFocusNode = new FocusNode(); 在Build(BuildContext context)之外并检查是否解决了它。