Flutter Alert弹窗按钮导航失效求助：弹窗无法关闭且跳转异常

嘿，我来帮你拆解下这个问题，其实核心就是两个小细节没处理好：

问题根源 #

• 弹窗关不掉：你直接调用了页面导航，但没先关闭当前的Alert弹窗，导致它一直停在导航栈上层，既关不掉还挡住了新页面。
• 导航没反应：一方面弹窗遮挡让新页面显示不出来，看起来像是导航失效；另一方面，弹窗的context和页面context有嵌套关系，直接用这个context导航也容易出异常。

修复后的代码 #

Alert(
  context: context,
  title: "Thank You!",
  desc: "Your inquiry has been sent",
  image: Image.asset("assets/success.png"),
  buttons: [
    DialogButton(
      child: Text(
        "Okay",
        style: TextStyle(color: Colors.white, fontSize: 20),
      ),
      onPressed: () {
        // 先关闭Alert弹窗
        Navigator.pop(context);
        // 再执行页面导航
        Navigator.pushReplacement(
          context,
          MaterialPageRoute(builder: (BuildContext context) => Support()), // 注意类名首字母大写是Dart的规范哦
        );
      },
      width: 120,
    )
  ],
).show();

额外小提醒 #

1. Dart命名规范：自定义页面类名要首字母大写，比如把support()改成Support()，避免不必要的语法或逻辑问题。
2. 你用的应该是rflutter_alert包，它的Alert本质是基于Flutter原生Dialog实现的，所以用Navigator.pop(context)就能正确关闭弹窗，之后再导航就不会有冲突啦。

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