如何在 Flutter 中制作可滚动的多行输入文本？

Question

对不起，我是 Flutter 的新手。我试图在 Stackoverflow 中找到它，但我找不到它。

我需要做这样的事情

类似于一个具有固定高度和宽度的框，带有多行输入并且还可以滚动。在原生 iOS 中，我可以轻松使用 TextView，但我不知道 Flutter 的等价物。

我尝试过像这样使用 Textfield 来做到这一点

   TextFormField(
      autofocus: true,
      autocorrect: false,
      keyboardType: TextInputType.multiline,
      maxLines: null,
      decoration: InputDecoration(
        filled: true,
        fillColor: Color(0xFFF2F2F2),
        border: OutlineInputBorder(
          borderRadius: BorderRadius.all(Radius.circular(4)),
          borderSide: BorderSide(width: 1),
        ),
      ),
    ),

但它没有滚动功能，我无法设置固定高度。请帮忙...

Answer 1

您只需要设置如下所示的 minLines 和 maxLines，对于框，maxLines 为您设置高度，对于宽度，您可以将 TextFormField 包装到一个容器中并手动给它宽度。

TextFormField(
  autofocus: true,
  autocorrect: false,
  keyboardType: TextInputType.multiline,
  minLines: 1,
  maxLines: 8,
  decoration: InputDecoration(
    filled: true,
    fillColor: Color(0xFFF2F2F2),
    border: OutlineInputBorder(
      borderRadius: BorderRadius.all(Radius.circular(4)),
      borderSide: BorderSide(width: 1),
    ),
  ),
),