Flutter - TextFormField 中的加载/进度指示器

Question

我有一个像这样的 TextFormField:

TextFormField(
        cursorColor: Colors.black,
        decoration: InputDecoration(
          prefixIcon: Icon(Icons.email),
          errorMaxLines: 2,
          border: OutlineInputBorder(
            borderRadius: BorderRadius.circular(10),
          ),
          errorBorder: OutlineInputBorder(
            borderSide: BorderSide(
              width: 2,
            ),
          ),
        ),
        autocorrect: false,
        onChanged: (_) {},
        validator: (_) {},
      ),

每当 时，此 TextFormField 将从 api 获取电子邮件。 onChanged() 被调用，所以我决定我想在里面放一个进度/加载指示器来指示它正在获取数据，但我很难弄清楚实现它。
那么有没有办法插入一个 CircularProgressIndicator() 或 TextFormField 中的简单进度/加载指示器？
像这样的东西:

Answer 1

TextFormEdit 没有正确的属性，即 Suffix 小部件。
尽管如此， InputDecoration 有 后缀 属性，您可以在其中附加您想要的任何进度小部件。
到达此处后，您可以直接在小部件中使其可见或不可见(以及一系列其他设置)。

TextFormField(
        cursorColor: Colors.black,
        decoration: InputDecoration(
          prefixIcon: Icon(Icons.email),
          suffix: isLoading?CircularProgressIndicator():null
          errorMaxLines: 2,
          border: OutlineInputBorder(
            borderRadius: BorderRadius.circular(10),
          ),
          errorBorder: OutlineInputBorder(
            borderSide: BorderSide(
              width: 2,
            ),
          ),
        ),
        autocorrect: false,
        onChanged: (_) {},
        validator: (_) {},
      ),