Flutter报错：Response类型未定义userID getter，求解决方案

报错原因 #

The getter 'userID' isn't defined for the type 'Response' 这个错误是因为你直接访问了http.Response对象的userID属性，但这个属性并不存在。HTTP响应的实际内容存在response.body中，通常为JSON格式，需要先解析才能提取目标数据。

另外你的代码还有两个隐性问题：

• Navigator.push的builder要求返回Widget，但loadData是异步函数（返回Future），直接传入会触发类型错误
• 即使解析出userID，当前代码打印的是空字符串userID，未将解析后的值赋值给变量

修正后的完整代码 #

1. 修正onJoin函数 #

先执行loadData获取userID，再根据结果处理跳转或错误提示：

Future<void> onJoin() async {
  setState(() {
    _validateError = myController.text.isEmpty;
  });

  if (_validateError) return;

  final userId = await loadData(myController.text);
  if (userId != null) {
    // 获取到userID后跳转至目标页面，替换为你的实际页面组件
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => YourTargetPage(userId: userId),
      ),
    );
  } else {
    // 用SnackBar显示错误提示，比print更友好
    ScaffoldMessenger.of(context).showSnackBar(
      const SnackBar(content: Text("Invalid name entered")),
    );
  }
}

2. 修正loadData函数 #

正确解析HTTP响应的JSON数据：

import 'dart:convert'; // 必须导入JSON解析包

Future<String?> loadData(String username) async {
  try {
    final uri = Uri.parse('http://github.users.com/$username');
    final response = await http.get(uri);

    // 先通过状态码判断请求是否成功
    if (response.statusCode == 200) {
      // 将响应体解析为Map类型
      final Map<String, dynamic> responseData = jsonDecode(response.body);
      // 从Map中提取userID，注意字段名要和接口返回的完全一致
      final userId = responseData['userID']?.toString();
      if (userId != null) {
        print("userID : $userId");
        return userId;
      }
    }
    // 请求成功但无有效userID时返回null
    return null;
  } catch (e) {
    print("Invalid name entered: $e");
    return null;
  }
}

关键修正点 #

• 导入dart:convert包实现JSON解析
• 通过response.statusCode验证请求是否成功
• 用jsonDecode(response.body)将响应体转为可操作的Map对象
• 从解析后的Map中提取userID字段（需匹配接口返回的字段名）
• 调整onJoin逻辑，先获取userID再处理跳转或错误提示

内容的提问来源于stack exchange，提问作者Dasun Dola