颤动如何使文本字段动态显示多行?

时间:2018-08-18 08:52:13

标签: flutter textfield flutter-layout

我要实现的效果是,初始文本字段显示一行,当内容超过一行时,文本字段显示两行。问题在于文本字段的基线将向下移动,从而使它被下面的小部件遮盖。我希望基线保持连续。

enter image description here

enter image description here

代码:

return Scaffold(
      appBar: AppBar(),
      body: Column(
        children: <Widget>[
          ConstrainedBox(
            constraints: BoxConstraints(
              maxHeight: 60.0
            ),
            child: TextField(
              maxLines: null,
              maxLengthEnforced: false,
              keyboardType: TextInputType.multiline,
            ),
          ),
          Container(height: 20.0,width: 200.0,color: Colors.red),
        ],
      )
    );

预期效果应该是:

一行文字效果:

多行文字效果:

请注意,基线位置尚未向下移动。

1 个答案:

答案 0 :(得分:3)

只需将 maxLines 属性设置为 null TextField 窗口小部件将自动包装文本,从而动态更改行数。

Documentation