Question

我一直在尝试在Flutter中验证表单，验证工作正常，但它破坏了我的设计，如图here所示我尝试验证名字字段，第一个设计与姓氏设计类似，但是在显示错误消息时被破坏了。

我的TextFormField的代码在这里：

_showText('First Name'),
Container(
  height: 50.0,
  padding: const EdgeInsets.all(8.0),
  child: TextFormField(
    decoration: InputDecoration(
      //labelText: 'First Name',
      hintText: 'e.g Ali',
      contentPadding: EdgeInsets.only(left: 10.0, top: 10.0),
      border: OutlineInputBorder(
        borderRadius: BorderRadius.circular(6.0),
      ),
    ),
    validator: (value){
      if(value.isNotEmpty) {
        return null;
      } else return 'First Name is required';
    },
  ),
),

有人告诉我我的设计有什么问题吗？

Answer 1

您在height中的Container约束引起了问题。只需删除该行，就可以了

在Flutter中验证表单字段

1 个答案: