Flutter如何在onTap事件中正确调用async异步函数解决无响应问题

你当前的问题核心是异步函数调用逻辑错误，signup是异步函数，你没有等待它执行完成就触发了页面跳转，且没有做异常捕获，无法定位具体报错。

修复步骤 #

1. 修正onTap回调的异步调用逻辑 #

给onTap回调添加async标记，同时用await等待signup执行完成后再执行页面跳转，额外添加context.mounted判断避免内存泄漏：

InkWell(
  highlightColor: Colors.transparent,
  splashColor: Colors.transparent,
  onTap: () async {
    await signup();
    if (!context.mounted) return;
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => PhoneVerification(),
      ),
    );
  },
)

2. 优化signup函数，添加异常捕获和响应校验 #

明确函数返回Future类型，添加错误捕获逻辑，方便排查请求过程中的报错：

Future<void> signup() async {
  try {
    var response = await http.post(Uri.parse(ROOT), body: {
      "email": emailController.text,
      "action": 'Sign_Up',
      "phone": phoneController.text,
    });
    // 可根据接口实际返回逻辑添加状态校验
    if (response.statusCode == 200) {
      print('注册请求成功，返回内容：${response.body}');
    } else {
      print('接口返回错误，状态码：${response.statusCode}');
    }
  } catch (e) {
    print('请求执行出错：$e');
  }
}

其他排查点 #

• 确认pubspec.yaml中已经正确引入http依赖，且执行了pub get命令
• 确认ROOT变量的接口地址可正常访问，真机/模拟器调试时不要使用localhost，改为电脑本地局域网IP
• 确认已配置平台网络权限：安卓端在AndroidManifest.xml添加网络访问权限，iOS端如果使用HTTP接口需要在Info.plist配置允许明文网络请求

内容的提问来源于stack exchange，提问作者aashish sethi