Flutter图案锁跳转报错：返回类型不符合Future<void>要求

错误原因 #

你触发的错误是因为onPressed回调的返回类型要求是Future<void>，但你直接返回了HomePage()（一个Widget实例），类型不匹配导致报错。而且Flutter中页面跳转不能通过return Widget实现，必须使用Navigator导航器来管理页面栈。

解决方法 #

将return HomePage();替换为Navigator的页面跳转方法，根据需求选择合适的导航方式：

1. 替换当前页面为HomePage（常用场景：验证成功后无需返回图案页）
   使用pushReplacement或命名路由的pushReplacementNamed：

   if (result == true) {
     context.replaceSnackbar(
       content: Text(
         "it's correct",
         style: TextStyle(color: Colors.green),
       ),
     );
     // 替换当前页面为HomePage
     Navigator.pushReplacement(
       context,
       MaterialPageRoute(builder: (context) => HomePage()),
     );
     // 如果用命名路由，确保已在MaterialApp中注册"/home"
     // Navigator.pushReplacementNamed(context, "/home");
   }
   

2. 清空页面栈，跳转到HomePage（彻底移除之前的所有页面，防止用户返回）
   如果不想让用户通过返回键回到图案锁页面，用pushAndRemoveUntil：

   Navigator.pushAndRemoveUntil(
     context,
     MaterialPageRoute(builder: (context) => HomePage()),
     (route) => false, // 移除所有之前的页面
   );
   

修改后的完整代码片段 #

if (pattern != null) ...[
  SizedBox(height: 16),
  MaterialButton(
    color: Colors.green,
    child: Text("Check Pattern", style: TextStyle(color: Colors.white)),
    onPressed: () async {
      final result = await Navigator.pushNamed(
        context,
        "/check_pattern",
        arguments: pattern,
      );
      if (result == true) {
        context.replaceSnackbar(
          content: Text(
            "it's correct",
            style: TextStyle(color: Colors.green),
          ),
        );
        // 使用Navigator跳转HomePage
        Navigator.pushReplacement(
          context,
          MaterialPageRoute(builder: (context) => HomePage()),
        );
      }
    },
  ),
]

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