Flutter错误求助：返回类型'Future<Null>'不符合Widget要求

错误根源 #

你遇到的错误是因为**MaterialPageRoute的builder回调必须返回一个Widget**，但你现在把异步方法deleteProduct().then(...)的返回值（一个Future）直接作为builder的返回值，完全不符合类型要求。而且你的需求是点击后执行删除操作并显示提示，根本不需要跳转页面，所以Navigator.push在这里是多余的。

修正步骤及代码 #

1. 优化异步删除方法（可选但推荐） #

给方法指定明确返回类型，用字符串插值规范URL拼接：

Future<Map<String, dynamic>> deleteProduct(String productId) async {
  // 补充URL中的斜杠，避免请求路径错误
  final url = 'http://127.0.0.1:8000/api/products/$productId';
  final response = await http.delete(Uri.parse(url));
  return json.decode(response.body) as Map<String, dynamic>;
}

2. 修正界面点击逻辑 #

移除多余的Navigator.push，直接在onTap回调里处理异步逻辑：

GestureDetector(
  onTap: () async {
    final snackBar = const SnackBar(content: Text('Data berhasil Dihapus'));
    
    // 执行删除操作
    await deleteProduct(
      (snapshot.data as dynamic)['data'][index]['id'].toString()
    );
    
    // 更新状态刷新UI
    setState(() {});
    
    // 显示成功提示
    ScaffoldMessenger.of(context).showSnackBar(snackBar);
  },
  // 替换成你的实际子组件，比如删除图标
  child: const Icon(Icons.delete_outline),
)

3. 可选：添加错误处理 #

避免网络请求失败导致崩溃，增加try-catch逻辑：

GestureDetector(
  onTap: () async {
    final snackBarSuccess = const SnackBar(content: Text('Data berhasil Dihapus'));
    final snackBarError = const SnackBar(content: Text('Gagal menghapus data'));

    try {
      await deleteProduct(
        (snapshot.data as dynamic)['data'][index]['id'].toString()
      );
      setState(() {});
      ScaffoldMessenger.of(context).showSnackBar(snackBarSuccess);
    } catch (e) {
      ScaffoldMessenger.of(context).showSnackBar(snackBarError);
      print('删除失败详情: $e');
    }
  },
  child: const Icon(Icons.delete_outline),
)

关键说明 #

• Navigator.push用于跳转到新页面，需要传入能构建新页面Widget的builder，而你的场景不需要页面跳转，所以完全不需要这个API。
• 异步操作放在onTap回调里时，要给回调加上async关键字，并用await等待异步方法完成，保证操作顺序正确（先删除，再更新状态，最后显示提示）。

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