Skip to main content

Show Alert

An alert can be termed a floating view that calls for an immediate response. Alerts are fairly simple to configure. You can set up an Alert dialog, Snackbar, or Toast for any UI component by entering Title and Message for the alert dialog and only Message for Snackbar or Toast.

How to setup alert

Step 1:

Select the screen from the screen list on which you want to set up alert dialog.

Step 2:

Now, go to the widget or view component you want to add an alert to, and onClick property, choose Show alert which will take you to the show alert setup screen.

Step 3:

Add input for Please choose the type of alert you want to integrate select a type from the below;

Alert dialogAlert Dialog is used to display an Alert message and provide a yes-or-no response
ToastIt provides simple feedback about an operation in a small popup and disappears on its own after the allotted time is over
SnackbarIt is a lightweight message that briefly informs the user when a certain action occurs and disappears on its own after the allotted time is over

Step 4:

Next, you need to provide an appropriate message for your Alert dialog/ Toast/ Snackbar as chosen by you and also a title if you have chosen an Alert dialog. And click on the Save change in the top right corner.

At this stage, you have successfully added an alert to your application.

Example banner

Generated code snippet

 onTapBtnLogin() {
onConfirm: () => Get.back(),
title: "Login",
middleText: "Please provide valid credentials");
onTapImgLogIn() {
Get.snackbar('', "OTP Verified!");
onTapGroup7() {
msg: "OTP sent on your Email ID",

Got a question? Ask here.