Forms 如何自定义标签位置，并通过FocusNode在颤振中了解TextField的状态

我必须创建一个具有自定义标签位置的

TextFormField

。我可以通过将

高度

添加到

标签样式

来实现，但问题是

文本表单字段

的边框仍然缺失。示例如下：

我想做的事情如下：

您可以清楚地看到

标签

位于

TextFormField

内，如何实现此结果

第二件事是我们可以通过

FousNode

禁用和更改

TextFormField

的背景色吗

怎么做

目前代码如下：

TextFormField(
                  focusNode: tf1,
                  enabled: true,
                  initialValue: "Test Label",
                  decoration: new InputDecoration(
                    filled: ,
                    fillColor: kGrey300,
                    contentPadding:
                        EdgeInsets.symmetric(horizontal: 20, vertical: 20),
                    border: OutlineInputBorder(
                      borderSide: BorderSide(color: kGrey300),
                      gapPadding: 5,
                    ),
                    labelText: "Test Label",
                    labelStyle: Theme.of(context).textTheme.bodyText1.copyWith(
                          fontSize: getProportionateScreenHeight(16),
                          color: kGrey500,
                          height: 12,
                          backgroundColor: Colors.red,
                        ),
                    hintText: 'Test Label',
                    hintStyle: TextStyle(
                      color: kGrey800,
                    ),
                    alignLabelWithHint: true,
                  ),
                ),