Flutter问题：调用WhatsApp链接时未弹出确认Dialog直接跳转

问题现象 #

开发的Flutter应用中，设置了确认Dialog询问用户是否分享记录，但点击按钮后直接跳转至WhatsApp，Dialog完全不显示；移除launchWhatsApp函数调用后，Dialog能正常弹出。使用whatsapp_unilink和url_launcher包，需求是先让用户通过Dialog确认后再跳转分享。

错误根源 #

问题出在Dialog的回调传递上：在CupertinoDialogAction和TextButton的onPressed属性中，你直接写了onPressed()，这会立即执行传入的函数，而不是把函数作为回调等待用户点击。也就是说，Dialog还没来得及渲染，launchWhatsApp就已经被调用，直接跳转到WhatsApp，导致Dialog被跳过。

修复方案 #

1. 修改Dialog的回调传递方式：把onPressed: onPressed()改成传递函数引用，或者用匿名函数包裹，确保只有用户点击按钮时才执行onPressed。
2. 优化交互逻辑：点击"Share"按钮时，先关闭Dialog再跳转WhatsApp，避免界面残留。

修正后的Dialog代码 #

void whatsAppDialog(
    {required BuildContext context, required VoidCallback onPressed}) {
  if (Platform.isIOS) {
    showCupertinoDialog(
        context: context,
        builder: (context) {
          return CupertinoAlertDialog(
            title: const Text('Share Record'),
            content: const Text('Do you want to share this record?'),
            actions: [
              CupertinoDialogAction(
                child: const Text('Cancel'),
                onPressed: () => Navigator.pop(context),
              ),
              CupertinoDialogAction(
                // 用匿名函数包裹，先关闭Dialog再执行分享逻辑
                onPressed: () {
                  Navigator.pop(context);
                  onPressed();
                },
                child: const Text('Share'),
              ),
            ],
          );
        });
  } else {
    showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            title: const Text('Share Record'),
            content: const Text('Do you want share this record?'),
            actions: [
              TextButton(
                  onPressed: () => Navigator.pop(context),
                  child: const Text('Cancel')),
              TextButton(
                onPressed: () {
                  Navigator.pop(context);
                  onPressed();
                },
                child: const Text('Share')
              )
            ],
          );
        });
  }
}

说明 #

• 将参数类型从Function改为VoidCallback，更符合Flutter的类型规范，避免潜在的类型问题。
• 点击"Share"时先调用Navigator.pop(context)关闭Dialog，再执行传入的分享逻辑，交互更合理。

按钮点击逻辑保持不变 #

你的按钮点击逻辑不需要修改，因为这里已经正确传递了一个匿名函数作为onPressed参数：

onPressed: () {
  context.read<MurajaatRecordCubit>().saveRecordsToFirestore(
    studentModel,
    remarks: remarksController.text.isEmpty
        ? 'no remarks'
        : remarksController.text
  ).then(
    (value) => Future.delayed(
      const Duration(seconds: 3),
      () => whatsAppDialog(
        onPressed: () => launchWhatsApp(
          mobileNumber: studentModel.mobileNumber,
          studentName: '${studentModel.studentName} ${studentModel.fatherName} ${studentModel.surname}\n',
          savedRecords: murajaatState.savedRecords,
          avgGrade: murajaatState.avgGrade,
          remarks: remarksController.text
        ),
        context: context
      ),
    ),
  );  
}

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