Flutter 繁荣文本表单域

Question

我想构建一个 textFormFeild，使其类似于下图中的那个，除此之外，我还可以控制其属性（例如默认 textFormFeild）并且它是响应式的。

在聚焦的情况下，背景颜色会发生变化。我想制作一套服装。

空壳：

填充案例：

代码：

TextFormField(
  keyboardType: TextInputType.emailAddress,
  decoration: const InputDecoration(hintText: 'Enter Your Email'),
)

Answer 1

您需要按如下方式检查验证过程。

TextFormField(
  // The validator receives the text that the user has entered.
  validator: (value) {
    if (value == null || value.isEmpty) {
      return 'Please enter some text';
    }
    return null;
  },
),