Flutter TextFormField驗證錯誤文本填充

Question

我有一個 TextFormField。 此小部件驗證為空，顯示錯誤文本。 但是，錯誤文本填充看起來像圖片。 我該如何解決。

 SizedBox(
            height: 50,
            child: TextFormField(
              validator: (val) {
                if (val!.isEmpty) {
                  return "Boş Geçilemez";
                }
                if (val.length > 100) {
                  return "Karakter Sınırı Hatası";
                }
                return null;
              },
              obscureText: true,
              decoration: InputDecoration(
                 
                  suffixIcon: const Icon(
                    Icons.lock_outline_rounded,
                    color: Color(0xffBDBDBD),
                  ),
                  hintText: AppLocalizations.getString("sifre"),
                  contentPadding:
                      const EdgeInsets.only(top: 14, left: 10, bottom: 10)),
              controller: passwordController,
            ),
          ),

Answer 1

如果您對頂部和底部使用相同的內容填充，並嘗試將 TextFiled 的高度增加到 64 會更好。

並使用autovalidateMode: AutovalidateMode.onUserInteraction,

SizedBox(
  height: 64,
  child: TextFormField(
    autovalidateMode: AutovalidateMode.onUserInteraction,
    validator: (val) {
      if (val != null && val.isEmpty) {
        return "Boş Geçilemez";
      }
      if (val!.length > 10) {
        return "Karakter Sınırı Hatası";
      }
      return null;
    },
    decoration: InputDecoration(
        suffixIcon: const Icon(
          Icons.lock_outline_rounded,
          color: Color(0xffBDBDBD),
        ),
        hintText: "sifre",
        contentPadding: const EdgeInsets.only(
          top: 14,
          left: 10,
          bottom: 14,
        )),
  ),
),