best-flutter/sweetalert

技術主題

# flutter # flutter-package # alert

使用的依賴

依賴清單 3 項

flutter{"sdk":"flutter"}
flutter_sequence_animationany
flutter_test開發依賴{"sdk":"flutter"}

原始 README

以下為英文專案原文快照，最新內容請造訪 GitHub。

展開 / 收合專案 README

pub package

sweetalert

sweetalert for flutter.

Showcases

https://raw.githubusercontent.com/best-flutter/sweetalert/HEAD/images/preview.gif

Getting started

Add dependency

sweetalert: any

Usage

Basic usage

https://raw.githubusercontent.com/best-flutter/sweetalert/HEAD/images/1.png

 SweetAlert.show(context, title: "Just show a message");

With a subtitle

https://raw.githubusercontent.com/best-flutter/sweetalert/HEAD/images/2.png

 SweetAlert.show(context,
                      title: "Just show a message",
                      subtitle: "Sweet alert is pretty");

With a success state

https://raw.githubusercontent.com/best-flutter/sweetalert/HEAD/images/3.png

 SweetAlert.show(context,
                      title: "Just show a message",
                      subtitle: "Sweet alert is pretty",
                      style: SweetAlertStyle.success);

With a confirm state

https://raw.githubusercontent.com/best-flutter/sweetalert/HEAD/images/4.png

SweetAlert.show(context,
                      title: "Just show a message",
                      subtitle: "Sweet alert is pretty",
                      style: SweetAlertStyle.confirm,
                      showCancelButton: true, onPress: (bool isConfirm) {
        if (isConfirm) {
          SweetAlert.show(context,style: SweetAlertStyle.success,title: "Success");
          // return false to keep dialog
          return false;
        }
      });

Do some job

 SweetAlert.show(context,
          subtitle: "Do you want to delete this message",
          style: SweetAlertStyle.confirm,
          showCancelButton: true, onPress: (bool isConfirm) {
        if(isConfirm){
          SweetAlert.show(context,subtitle: "Deleting...", style: SweetAlertStyle.loading);
          new Future.delayed(new Duration(seconds: 2),(){
            SweetAlert.show(context,subtitle: "Success!", style: SweetAlertStyle.success);
          });
        }else{
          SweetAlert.show(context,subtitle: "Canceled!", style: SweetAlertStyle.error);
        }
        // return false to keep dialog
        return false;
      });

best-flutter ↗