flutter - 如何在颤振中创建自定义高度 TextFormField？

Question

我有一个表单，其中有两个TextFormField和一个底部按钮来验证它，但问题是屏幕看起来很尴尬。我希望 **TextFormField ** 底部的一两个完全覆盖它们之间的区域，即使没有内容并且一旦到达底部就可以滚动。

左边的是我有的，但我想要右边的，我试图用Expandable或Container包装它，但它不起作用，因为我使用的是边框属性。

Answer 1

您可以通过使用小部件包装TexFormField小Expanded部件并分别设置 to 和 的and属性expands来maxLines实现此目的。TextFormFieldtruenull

无论屏幕大小如何，都会占用所有可用空间，请查看下面TextFormField提供的代码以获取示例：

  // wrap it with an Expanded widget
         Expanded(
           child: TextFormField(
             // set the keyboard type to multiline f
             keyboardType: TextInputType.multiline,
             // set maxlines to null
             maxLines: null,
             // set expands to true
             expands: true,
             decoration: InputDecoration(
                 isDense: true,
                 border: OutlineInputBorder(
                     borderSide: BorderSide(color: Colors.black)
                 )
             ),
           ),
         ),

Answer 2

你只需要增加maxLines内部TextFormField来增加它的大小，如下所示：

Container(
  height: MediaQuery.of(context).size.height*0.5,//set the size according to your choice
  decoration: BoxDecoration(
    //Customize your container
    color: Colors.red,
    borderRadius: BorderRadius.all(Radius.circular(10.0)),
  ),
  child: TextFormField(
    maxLines: 30,//add any number of lines
    //Customize your text field
  )
),