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 ↗