TextFormField 中的文本消失了

Question

我正在設計一個布局，其中有一個TextFormField 。 TextFormField文本消失了。 我希望文本保留在第一行。

這是我輸入文字時的樣子

這就是我輸入更多文本時的樣子

這是我的代碼

Container(
            margin: EdgeInsets.only(left: 96, right: 96),
            width: 171.0,
            height: 22.0,
            child: TextFormField(
              keyboardType: TextInputType.emailAddress,
              decoration: loginPageInputDecoration(),
            ),
          ),

登錄頁面輸入裝飾

 InputDecoration loginPageInputDecoration() {
  return const InputDecoration(
    border: InputBorder.none,
    fillColor: fTextFieldColor,
    filled: true,
  );
}

Answer 1

根據您的選擇增加容器的高度，問題將得到解決

Container(
            margin: EdgeInsets.only(left: 96, right: 96),
            width: 171.0,
            height: 44.0,
            child: TextFormField(
              keyboardType: TextInputType.emailAddress,
              decoration: loginPageInputDecoration(),
            ),
          ),