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

Question

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

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

Answer 1

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

无论屏幕大小如何，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)
                 )
             ),
           ),
         ),