无法退出文本字段颤动

Question

我需要一个框，在其中插入和存储一些作为用户输入的信息，我正在使用"文本字段"，所以我将"文本字段"中的"maxLines"选项从默认值 (1( 更改为 (2(，当我想在此处插入一些文本时，我无法离开该框，因为"完成"按钮更改为"返回"阻止了我！键盘也被阻止。 我这样做是因为我想要一个里面有一些文本(如描述(的盒子，我可以移动到我想要的位置并更改它的所有属性。 我的问题是文本字段全部写在一行中，我需要在文本字段的边框处换行。 您知道如何更好地处理文本字段吗？ 这是代码的一部分：

Widget build(BuildContext context) {
return new Scaffold(
backgroundColor: Colors.white,
body : Container(
decoration: BoxDecoration(
shape: BoxShape.rectangle,
image: DecorationImage(
image: _image == null
? AssetImage('assets/images/io.png')
: FileImage(_image),  // here add your image file path,
alignment: Alignment.topCenter,
),
),
child: GestureDetector(
child:Container(
alignment: Alignment.center,
child : ConstrainedBox(
constraints: BoxConstraints(
maxHeight: 400,
maxWidth: 400,
),
child: TextField(
minLines: 1,
maxLines: 2,
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: BorderRadius.all(
const Radius.circular(48.0)
),
),
labelText: 'Descrizione',
labelStyle: TextStyle(
backgroundColor: Colors.white,
),
),
),
),
),
)
)
);

PS：我正在研究这个"手势检测器"，我想它应该对这个目的有用。

Answer 1

在TextField进入InputDecoration并将 Widget 添加到后缀属性中。后缀属性是一个显示在Textfield末尾的小部件。

FocusNode node = FocusNode();

TextField(
minLines: 1,
maxLines: 2,
focusNode: node,
decoration: InputDecoration(
suffix: RaisedButton(
onPressed: () {
node.unfocus();
},
child: Text("Done"),
),
border: OutlineInputBorder(
borderRadius:
BorderRadius.all(const Radius.circular(48.0)),
),
labelText: 'Descrizione',
labelStyle: TextStyle(
backgroundColor: Colors.white,
),
),
),