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

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

برای نمایش دیالوگ در فلاتر میتونید از یه متد به اسم 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 هستش. بعدا دربارش براتون مینویسم

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

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

منبع مطلب

به فکر سرمایه‌گذاری هستی؟

با هر سطحی از دانش در سریع‌ترین زمان با آموزش گام به گام، سرمایه گذاری را تجربه کن. همین الان میتونی با لینک زیر ثبت نام کنی و ۱۰ درصد تخفیف در کارمزد معاملاتی داشته باشی

ثبت نام و دریافت جایزه
ممکن است شما بپسندید
نظر شما درباره این مطلب

آدرس ایمیل شما منتشر نخواهد شد.