آموزش فلاتر | نمایش دیالوگ در فلاتر

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

برای نمایش دیالوگ در فلاتر میتونید از یه متد به اسم showDialog استفاده کنید که همه ی ابزار های مورد نیاز شما رو داخل خودش جا داده
میتونید روی کلیک یه دکمه این دستور رو اجرا کنید تا مدیریتش راحت تر باشه.
به این شکل میتونید کلاس رو صدا بزنید

1showDialog<void>()

اولین پرامتر ورودی رو بهش context بدید.
دومین پارامتری که میتونید بهش بدین barrierDismissible هستش که اگه false باشه قابل کنسل کردنه.
و اصلی ترین پارامتر هم builder هستش که با گرفتن یه AlertDialog نمایش دیالوگ رو انجام میده.

متد AlertDialog خودش از چند بخش تشکیل شده:
title: عنوان، content: محتوای دیالوگ و actions دکمه ها

کد کامل:

12345678910111213141516171819202122232425showDialog(
    context: context,
    barrierDismissible: false, // user must tap button!
    builder: (BuildContext context) {
      return AlertDialog(
        title: Text('AlertDialog Title'),
        content: SingleChildScrollView(
          child: ListBody(
            children: [
              Text('This is a demo alert dialog.'),
              Text('Would you like to approve of this message?'),
            ],
          ),
        ),
        actions: [
          FlatButton(
            child: Text('Approve'),
            onPressed: () {
              Navigator.of(context).pop();
            },
          ),
        ],
      );
    },
  );

یادتون نره این متد از نوع Async هستش. بعدا دربارش براتون مینویسم

اینم از یه قسمت دیگه از آموزش فلاتر. نظر یادتون نره

نویسنده مطلب: مهرداد امیدی

منبع مطلب