如何使Flutter TextField接受多行?

时间:2019-03-01 10:12:34

标签: flutter flutter-layout

如何使Flutter TextField接受多行?以下代码不起作用:

body: Padding(
    child: Column(
        children: [
            Text('BIO'),
            Expanded(
                child: TextField(
                    autofocus: false,
                    controller: _text,
                    // https://stackoverflow.com/a/46767771
                    keyboardType: TextInputType.multiline,
                    maxLength: null,
                ),
            ),
        ],
        crossAxisAlignment: CrossAxisAlignment.start,
    ),
    padding: const EdgeInsets.all(8),
),

(稍后,我将删除蓝色下划线,它只是用来显示它是1划线)。

我在频道主播v1.2.3-pre.66。

Multiline problem in Flutter

3 个答案:

答案 0 :(得分:2)

给予财产 maxLines: nullTextField小部件

TextField(
  autofocus: false,
  controller: _text,
  keyboardType: TextInputType.multiline,
  maxLength: null,
  maxLines: null,
),

答案 1 :(得分:2)

TextField(
  keyboardType: TextInputType.multiline,
  maxLength: null,
  maxLines: null,
)

您需要将maxLines设置为空

答案 2 :(得分:0)

只需将maxLines设置为null:

TextField(
  keyboardType: TextInputType.multiline,
  maxLines: null,
)

如果maxLines属性为null,则行数没有限制,并且启用了换行。

您还可以通过添加设置最小行

minLines: 2    //Number of lines(int), you can replace with your number as per your need