在用户输入时自动调整 Flutter TextFormField 内容的大小，同时保持 maxLines 等于 1

Question

我在我的 Flutter 应用程序中使用 TextFormField 来获取用户的电子邮件地址。有些电子邮件地址很长，因此，如果我继续输入，它就会立即消失。查看下图中电子邮件的前几个字母如何在框外。

下面是代码（只是一个简单的TextFormField）。我希望文本自动调整大小，同时保持在一行 并且我可以看到所有文本。有办法吗？

SizedBox(
    width: ScreenUtil().setWidth(407),
    height: ScreenUtil().setHeight(69),
    child: TextFormField(
      textAlign: TextAlign.center,
      autocorrect: false,
      textCapitalization: TextCapitalization.none,
      keyboardType: TextInputType.emailAddress,
    )
)

Answer 1

使用auto_size_text_field包

AutoSizeTextField(
  controller: _textEditingController,
  style: TextStyle(fontSize: 20),
  maxLines: 1,
)

在用户输入时自动调整 Flutter TextFormField 内容的大小，同时保持 maxLines 等于 1

Automatically resize Flutter TextFormField content as the user is typing while keeping maxLines equal to 1

autosize

flutter

flutter-textformfield