Flutter实现登录空值校验时出现TextEditingController类型报错

报错和空校验失效由两处代码问题直接导致：

• 类型转换报错来自HTTP请求构造逻辑：http.post方法的body入参要求为键值均为字符串的Map结构，但你构造请求体时，键的位置直接传入了TextEditingController类型的username、password对象，没有加引号标识为字符串键名，Dart尝试将控制器对象转为String时触发类型不匹配错误。另外你直接传入字符串格式的接口地址也不符合http.post的参数要求，该方法的url入参需要是Uri类型。
• 空校验不生效来自判断逻辑错误：你当前判断的是输入内容是否等于单个空格字符串" "，但用户未输入任何内容时，输入框的text值是空字符串""，完全不会命中判断条件，自然无法触发空值提示。

1. 修正空值判断逻辑，增加首尾空白过滤，避免用户输入全空格绕过校验：
   将原判断条件

if(username.text == " " || password.text == " ")

替换为

if (username.text.trim().isEmpty || password.text.trim().isEmpty)

2. 修正HTTP请求构造逻辑，将请求体键名改为字符串，同时转换接口地址为Uri类型：
   将原请求代码

var url = "localhost:8080/localconnect/login.php";
var response = await http.post(url, body: {
  username : username.text,
  password : password.text,
});

替换为

var url = "localhost:8080/localconnect/login.php";
var response = await http.post(
  Uri.parse(url),
  body: {
    "username": username.text.trim(),
    "password": password.text.trim(),
  },
);

3. （可选优化）补充控制器释放逻辑，避免内存泄漏：
   在_MyHomePageState类中重写dispose方法：

@override
void dispose() {
  username.dispose();
  password.dispose();
  super.dispose();
}

修改完成后重新运行即可解决类型报错，空值校验也会正常触发。

内容的提问来源于stack exchange，提问作者Alex Ali