آموزش ساخت 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();
},
),
],
);
},
);
}
درباره Hesam
حسام رسولیان هستم فارغ التحصیل رشته IT و موسس وبسایت فلاتر لرن - وبسایت شخصی: AtysCode.ir
نوشته های بیشتر از Hesam4 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
ممنون
خواهش میکنم
سپاس از آموزش هاتون.
سپاس از اموزش