آموزش ساخت 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();
},
),
],
);
},
);
}
مطالب زیر را حتما مطالعه کنید
آموزش پیاده سازی دیتابیس ObjectBox در فلاتر
آموزش اتصال اپلیکیشن فلاتر به پرینتر بلوتوثی
آموزش پیاده سازی معماری MVVM در فلاتر
روش های افزایش امنیت اپلیکیشن در فلاتر
آموزش کار با پکیج Freezed در فلاتر
آموزش ویجت SafeArea در فلاتر
4 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
ممنون
خواهش میکنم
سپاس از آموزش هاتون.
سپاس از اموزش