Flutter - RFlutter Alert

Introduction

Flutter is a framework developed by Google for building high-performance, cross-platform mobile applications for Android, iOS, and web. The focus of Flutter is on beautiful, fast UIs and high-performance apps with easy-to-use and customizable widgets.

RFlutter Alert is a package that provides an easy way to create beautiful and customizable alerts for Flutter applications. With RFlutter Alert, you can create pop-up dialogs, confirm dialogs, success dialogs, error dialogs, and more.

Features

• Easy to use API
• Fully customizable
• Provides a variety of alert types
• Works on iOS, Android, and web platforms
• Open source

Installation

To use RFlutter Alert in your Flutter project, you need to add it to your pubspec.yaml file:

dependencies:
  rflutter_alert: ^3.0.0

Then, run the following command to install the package:

flutter packages get

Usage

To use RFlutter Alert, you need to import the package:

import 'package:rflutter_alert/rflutter_alert.dart';

Alert Dialog

To create an alert dialog, you can use the Alert class:

Alert(
  context: context,
  title: "RFLUTTER ALERT",
  desc: "Flutter is more awesome with RFlutter Alert.",
).show();

You can customize the appearance of the alert dialog by passing configuration options to the Alert constructor:

Alert(
  context: context,
  type: AlertType.success,
  title: "SUCCESS",
  desc: "Flutter is more awesome with RFlutter Alert.",
  buttons: [
    DialogButton(
      child: Text(
        "COOL",
        style: TextStyle(color: Colors.white, fontSize: 20),
      ),
      onPressed: () => Navigator.pop(context),
      color: Color.fromRGBO(0, 179, 134, 1.0),
    ),
  ],
).show();

Confirm Dialog

To create a confirm dialog, use the Alert.confirm constructor:

Alert.confirm(
  context: context,
  title: "RFLUTTER ALERT",
  desc: "Are you sure to delete this item?",
  confirmButtonColor: Colors.red,
  cancelButtonColor: Colors.blue,
  buttons: [
    DialogButton(
      child: Text(
        "CANCEL",
        style: TextStyle(color: Colors.white, fontSize: 20),
      ),
      onPressed: () => Navigator.pop(context),
      color: Color.fromRGBO(0, 179, 134, 1.0),
    ),
    DialogButton(
      child: Text(
        "DELETE",
        style: TextStyle(color: Colors.white, fontSize: 20),
      ),
      onPressed: () => Navigator.pop(context),
      color: Colors.red,
    ),
  ],
).show();

Success Dialog

To create a success dialog, use the Alert.success constructor:

Alert.success(
  context: context,
  title: "SUCCESS",
  desc: "Flutter is more awesome with RFlutter Alert.",
).show();

Error Dialog

To create an error dialog, use the Alert.error constructor:

Alert.error(
  context: context,
  title: "ERROR",
  desc: "Oops! Something went wrong.",
).show();

Conclusion

RFlutter Alert is a great package that provides a simple and easy way to create beautiful and customizable alerts in your Flutter apps. With RFlutter Alert, you can create various types of alerts such as pop-up dialogs, confirm dialogs, success dialogs, and error dialogs. You can fully customize the appearance of the alerts to match your app's design. So, if you want to add some beautiful and user-friendly alerts to your Flutter app, give RFlutter Alert a try!