如何制作可调整大小的TextField?

时间:2020-04-03 13:39:09

标签: flutter dart

我想使TextField垂直调整大小,对此我有一个想法

Expanded(
    child: TextField(
        cursorColor: Colors.black,
        decoration: new InputDecoration.collapsed(
//                                      border: new OutlineInputBorder(
//                                          borderSide: new BorderSide(color: hexToColor('#5c6277'),style: BorderStyle())
//                                      ),
            hintText: "El Baraka",hintStyle: TextStyle(fontFamily: 'RobotoLight',color: Colors.grey,fontSize: 16),
    ),
),

enter image description here

1 个答案:

答案 0 :(得分:0)

这可以通过maxLines: null来实现:

TextField(
  cursorColor: Colors.black,
  decoration: new InputDecoration.collapsed(
    hintText: "El Baraka",hintStyle: TextStyle(fontFamily: 'RobotoLight',color: Colors.grey,fontSize: 16),
  ),
  maxLines: null,
)

现在TextField将在文本到达边缘时添加新行。