首页 > 解决方案 > 在颤振中验证表单字段

问题描述

我一直在尝试在 Flutter 中验证表单,验证有效,但它破坏了我的设计,如此处所示 尝试验证名字字段,第一个设计类似于姓氏设计,但在显示错误消息时被破坏。

TextFormField的 s 的代码在这里:

_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';
    },
  ),
),

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

标签: formsvalidationflutter

解决方案


您的height约束Container正在引起问题。只需删除该行,它应该没问题


推荐阅读