鼠标悬停在textField的左上方后,如何为labelText添加颜色?

时间:2019-07-20 11:34:27

标签: flutter dart

在将鼠标悬停在TextField的左上方后,我想给labelText提供不同的颜色。

<<

我希望LabelText在TextField上和悬停时会出现不同的颜色

1 个答案:

答案 0 :(得分:1)

如果我说对了,您想在TextField聚焦时更改标签的颜色,这意味着labelText移至左上角。

TextField(
  focusNode: mailFocusNode,
  onTap: () {
    _color = Colors.blue; // set your new Color
    FocusScope.of(context).requestFocus(mailFocusNode);
    setState(() {});
  },
  decoration: InputDecoration(
    labelText: "E-mail",
    labelStyle: TextStyle(color: _color),
    enabledBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.white),
      borderRadius: BorderRadius.circular(25.0),
    ),
    focusedBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.white),
      borderRadius: BorderRadius.circular(25.0),
    ),
  ),
  keyboardType: TextInputType.emailAddress,
  controller: _controllerEmail,
  onChanged: (String value) {
    setState(() {
      _email = value;
    });
  },
)