flutter 自定义弹窗组件

原创

已于 2023-04-11 15:20:47 修改 · 694 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

于 2021-08-31 18:00:40 首次发布

本文介绍了iOS风格的CupertinoAlertDialog组件及其两种版本（单确认按钮和双确认按钮），同时对比了非iOS风格的Material弹窗，展示了在不同平台上的对话框设计和功能实现。

iOS风格中间弹窗

//这里是封装弹窗，组件化，
class FaceStyleShowDialog{
   
   
//这是两个按钮的弹窗
  static showCupertinoAlertDialogTwo(BuildContext context,{
    
    Widget ?title,Widget ?content,
    Function ? callback, Function ? confirm,}) {
   
   
    showDialog(
        context: context,
        barrierDismissible: false,
        builder: (BuildContext context) {
   
   
          return CupertinoAlertDialog(
            title: Text("permission_request".tr),
            content: content,
            actions: [
                CupertinoDialogAction(
                  child: Text("cancel".tr),
                  onPressed: () {
   
   
                    if(confirm != null){
   
   
                      confirm();
                    }
                    Get.back();