选择小部件时 TextFormField 标签样式发生变化答案

【问题标题】：TextFormField label style changes when widget is selected选择小部件时 TextFormField 标签样式发生变化
【发布时间】：2019-12-13 09:59:16
【问题描述】：

我想在我的 Flutter 应用中使用 TextFormField。

文本输入字段与标签一起显示。提示文本不可见。当我选择小部件时，会显示提示文本，同时标签样式会发生变化。文字缩小并变成蓝色。

我只是通过在默认的 Flutter 应用中添加代码来尝试这个，所以很容易重现

TextFormField( 装饰：输入装饰（ labelText: "演示标签", 提示文本：“Foo” )

在哪里可以更改此行为？无论是否选择了小部件，我都希望有一个一致的标签。

【问题讨论】：

与stackoverflow.com/questions/56411599/…类似的问题
另外一个问题是在标签有焦点的时候修改标签。无论小部件是否具有焦点，我都希望有一个一致的标签。同样，无论是否输入文本，标签都是相同的。如果我可以通过应用主题控制一切，我会很好。
找到任何解决方案吗？

标签： flutter label styles

【解决方案1】：

为标签文本添加你自己的Text小部件，不要在TextFormField的装饰属性中使用“labelText”属性。

Text("Email", style: TextStyle()), <-- use custom Text widget
TextFormField(
  decoration: InputDecoration(
    //labelText: "Email",      <-- do not use this
    //labelStyle: TextStyle(), <-- do not use this
    hintText: "Please enter your email",
    hintStyle: TextStyle(),
  )
)

【讨论】：