如何在flutter中设计类似whatsapp的文本字段

Question

我需要文本字段最多垂直扩展到5按下输入键

在第五行之后，其他行应包含在滚动条内

如何使用Flutter实现我需要的文本字段

现在设置最大行数：文本字段中为null

Answer 1

您可以通过在TextField中添加maxLine和minLine来实现

new TextField(
             minLines: 1,
             maxLines: 5,

            decoration: new InputDecoration(
              focusedBorder: OutlineInputBorder(
                borderSide: BorderSide(color: Colors.grey, width: 5.0),
              ),
              enabledBorder: OutlineInputBorder(
                borderSide: BorderSide(color: Colors.grey, width: 5.0),
              ),
              hintText: 'Mobile Number',
            ),
          )

Answer 2

谢谢你们的建议，但我通过以下代码找到了实际的文本字段

                 Flexible(
                          child: new ConstrainedBox(
                            constraints: new BoxConstraints(
                              minWidth: size.width,
                              maxWidth: size.width,
                              minHeight: 25.0,
                              maxHeight: 135.0,
                            ),
                            child: new Scrollbar(
                              child: new TextField(
                                cursorColor: Colors.red,
                                keyboardType: TextInputType.multiline,
                                maxLines: null,                                    
                                controller: tc,
                                _handleSubmitted : null,
                                decoration: InputDecoration(
                                  border: InputBorder.none,
                                  contentPadding: EdgeInsets.only(
                                      top: 2.0,
                                      left: 13.0,
                                      right: 13.0,
                                      bottom: 2.0),
                                  hintText: "Type your message",
                                  hintStyle: TextStyle(
                                    color:Colors.grey,
                                  ),
                                ),
                              ),                           
                            ),
                          ),
                        ),