如何更改文本字段 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)之外並檢查是否解決了它。