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(),
            ),
          ),