Flutter：如何获取SystemAlertDialog响应并通知StatefulWidget

我之前用system_alert_window库做系统弹窗的时候，也碰到过类似的回调传递问题，刚好可以给你梳理下解决步骤：

这个库本身提供了回调注册机制，你需要通过SystemAlertWindow.registerCallBack()来监听弹窗的交互事件，比如按钮点击、弹窗关闭等。具体步骤如下：

• 首先定义一个全局的回调函数（或者在合适的类中定义，确保能被访问到）：

void systemAlertCallBack(String tag, String value) {
  // tag是你给弹窗元素设置的标识，value是交互返回的值（比如按钮文本）
  switch(tag) {
    case "click_button_tag": // 对应你弹窗按钮的tag
      print("用户点击了按钮：$value");
      // 这里就是处理按钮点击的逻辑入口
      break;
    case "window_closed_tag":
      print("系统弹窗被关闭");
      break;
    // 可以添加更多元素的tag处理
  }
}

• 在App初始化的时候注册这个回调，比如在main()函数里：

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  // 先确保权限已申请（你已经配置了AndroidManifest，这里可以加权限检查）
  await SystemAlertWindow.requestPermissions();
  // 注册回调
  SystemAlertWindow.registerCallBack(systemAlertCallBack);
  runApp(MyApp());
}

• 关键：在创建弹窗按钮的时候，必须给按钮设置对应的tag属性，否则回调无法识别是哪个元素触发的：

await SystemAlertWindow.showSystemWindow(
  height: 150,
  width: 350,
  buttons: [
    SystemWindowButton(
      text: "Click the button",
      tag: "click_button_tag", // 这个tag要和回调里的判断一致！
      textColor: Colors.white,
      backgroundColor: Colors.blue,
    ),
  ],
  // 其他弹窗配置...
);

你说已经注册了回调但无法通知到MyApp，大概率是因为回调函数和MyApp类之间没有状态关联。这里推荐两种简单的实现方式：

方式一：用ValueNotifier做全局事件通知 #

这是最轻量化的方案，适合简单场景：

1. 在全局（比如main.dart顶部）定义一个ValueNotifier：

// 用来监听按钮点击事件，这里用bool类型标记状态变化，也可以自定义数据类型
final buttonClickNotifier = ValueNotifier<bool>(false);

2. 在之前的回调函数里，当检测到按钮点击时更新这个Notifier：

void systemAlertCallBack(String tag, String value) {
  if (tag == "click_button_tag") {
    // 切换状态，触发监听
    buttonClickNotifier.value = !buttonClickNotifier.value;
  }
}

3. 在MyApp类中监听这个Notifier，处理点击事件：

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    // 添加监听
    buttonClickNotifier.addListener(_onButtonClicked);
  }

  void _onButtonClicked() {
    // 这里就是MyApp类接收到按钮点击的地方，执行你需要的逻辑
    print("MyApp收到按钮点击事件！");
    setState(() {
      // 如果需要更新UI，可以在这里调用setState
    });
  }

  @override
  void dispose() {
    // 记得移除监听，避免内存泄漏
    buttonClickNotifier.removeListener(_onButtonClicked);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(...),
    );
  }
}

方式二：用全局Key直接调用MyApp的方法 #

如果你的MyApp是有状态的，也可以用GlobalKey来获取它的状态实例，直接调用方法：

1. 定义全局Key：

final GlobalKey<_MyAppState> myAppKey = GlobalKey<_MyAppState>();

2. 在MyApp初始化时传入这个Key：

class MyApp extends StatefulWidget {
  MyApp() : super(key: myAppKey);

  @override
  _MyAppState createState() => _MyAppState();
}

3. 在回调函数里直接调用MyApp状态类的方法：

void systemAlertCallBack(String tag, String value) {
  if (tag == "click_button_tag") {
    // 通过Key获取MyApp的状态实例，调用方法
    myAppKey.currentState?.handleButtonClick();
  }
}

4. 在MyApp的状态类中定义处理方法：

class _MyAppState extends State<MyApp> {
  void handleButtonClick() {
    print("MyApp接收到按钮点击！");
    // 执行你的业务逻辑
  }

  // 其他代码...
}

注意事项 #

• 确保弹窗按钮的tag和回调里的判断完全一致，大小写都要匹配
• 如果你的MyApp是无状态组件，建议用方式一的ValueNotifier，或者引入简单的状态管理库（比如Provider）
• 测试时注意系统权限是否真的生效，有些机型需要手动开启"悬浮窗权限"

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