آموزش ساخت Alert Dialog در فلاتر

در این مطلب قصد داریم که بصورت ویدیویی آموزش طراحی alert dialog را در فلاتر یاد بگیریم.

دیالوگ ابزار مفیدی برای اطلاع و هشدار دادن به کاربر می باشد که بصورت یک پنجره پاپ آپ در وسط صفحه اجرا می شود.

دیالوگ یک پنجره کوچک است که با استفاده از آن کاربر می تواند برای انجام یک عمل تصمیم بگیرد و یا اطلاعاتی را اضافه نماید. همانند خارج شدن از برنامه و یا صفحه ورود کاربر و….

برای شروع شما اول از همه باید از دستور showDialog() در فلاتر استفاده کنید, این دستور به برنامه اطلاع می دهد که قصد داریم یک دیالوگ را به کاربر نمایش دهیم.

این متد دو پارامتر از نوع context و itemBuilder دارد.

داخل این متد از ویجت AlertDialog استفاده میکنیم. این ویجت شامل دو ویژگی مهم به نام های title و content هست.

در بخش content بسته به سلیقه و نیاز خود از ویجت های مختلفی میتونید استفاده کنید تا یک alert dialog اختصاصی طراحی کنید.

در کد زیر یک مثال ساده از دیالوگ ها را میتونید مشاهده کنید.

   void _showDialog() {

    // flutter defined function

    showDialog(

      context: context,

      builder: (BuildContext context) {

        // return object of type Dialog

        return AlertDialog(

          title: new Text("Alert Dialog title"),

          content: new Text("Alert Dialog body"),

          actions: [

            // usually buttons at the bottom of the dialog

            new FlatButton(

              child: new Text("Close"),

              onPressed: () {

                Navigator.of(context).pop();

              },

            ),

          ],

        );

      },

    );

  }